Question

朋友们，以下代码段之间有什么区别吗？

  $('.has-child > a').on("click", function() {
                $(this).parent().find("ul").slideToggle('fast');
                var classname = $(this).find("i").attr('class');
                $(this).find("i").toggleClass("fa fa-minus-square").toggleClass("fa fa-plus-square");
            });

和

 $('.nav-tree').on('click', '.has-child > a', function() {
                $(this).parent().find("ul").slideToggle('fast');
                var classname = $(this).find("i").attr('class');
                $(this).find("i").toggleClass("fa fa-minus-square").toggleClass("fa fa-plus-square");
            });

有什么区别？感谢您是否可以帮助我。谢谢。

$（'。has-child＆gt; a'）。on（“click”，function（）

和

$（'。nav-tree'）。on（'click'，'。has-child＆gt; a'，function（）

Answer 1

第一个选择器告诉您在完整的DOM中，找到类型为has-child的类a的所有直接子项并绑定它们上的点击处理程序。

第二个选择器告诉你与上面相同的内容。但是它不是搜索完整的DOM，而是仅搜索标有nav-tree类的DOM元素。

此外，将这样的处理程序绑定到父级允许将事件附加到仍未安装在DOM中的元素。

jquery绑定之间的区别

1 个答案: