jQuery学习笔记十四–parents()的用法

parents()的用法:
$(document).ready(function() {
    $(“a”).hover(function() {
        $(this).parents(“p”).addClass(“highlight”);
    }, function() {
        $(this).parents(“p”).removeClass(“highlight”);
    });
});

<!–hover(over, out)
一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。
当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件(修正了使用mouseout事件的一个常见错误)。
over (Function): 鼠标移到元素上要触发的函数
out (Function): 鼠标移出元素要触发的函数
示例
jQuery 代码:
$(“p”).hover(function(){ $(this).addClass(“over”); },function(){ $(this).addClass(“out”); });

parents( String expr )
取得一个包含着所有匹配元素的唯一祖先元素的元素集合(不包含根元素)。
–>

=======================================
$(document).ready(function() {
$(“#btn1″).click(function(){
alert($(this).parent().next().html());
//this.parent()是input前面的td
////this.parent().parent()获取的是tr
//////this.parent().parent().parent()获取的是table
////////this.parent().next()获取的是td相临的td
});
});
<table>
<tr>
      <td><input id=”btn1″  class=”btn” type=”button”  value=”test”/></td>
      <td>some text</td>
</tr>
</table>

留下评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注

5 + 3 =