JQuery:$(this).next的目的与省略它?

时间:2013-06-06 22:17:12

标签: jquery

这个脚本有什么区别:

<script type="text/javascript">
    $(document).ready(function() {
        $(".content").hide();
        $(".menu2sel").click(function() {
            $(this).next(".content").slideToggle(200);
            });
        });
</script>

注意 $(this).next

此省略了.next事件的相同脚本:

<script type="text/javascript">
    $(document).ready(function() {
        $(".content").hide();
        $(".menu2sel").click(function() {
            $(".content").slideToggle(200);
            });
        });
</script>

$(this).next 的功能/用途是什么?

1 个答案:

答案 0 :(得分:3)

它选择DOM中的下一个元素,省略它将改为选择当前元素。

不同之处在于,第一个函数选择下一个元素(如果它具有匹配的类),而第二个函数选择带有类{的页面上的所有元素{1}}。