jquery的end()用法及错误示例

最新推荐文章于 2023-01-27 21:46:22 发布

原创最新推荐文章于 2023-01-27 21:46:22 发布 · 263 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#end() #jquery

前端专栏收录该内容

2 篇文章

订阅专栏

本文探讨了在jQuery中使用链式调用时end()方法的正确使用方式，通过具体示例展示了如何避免常见错误，确保对DOM元素的操作连贯且有效。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

常用场景：

某元素find()它下面的子元素进行绑定某事件，然后使用end(),返回该元素，可继续find()它下面其他的子元素.....

$container.find('.tag-management').on('click', function () {
                ......
            }).end().find('.checkbox').on('click',function () {
                ......
            });

错误示例：

对同一对象链式操作不同方法时，注意是同一对象，不要用end()

$container.find('.tagBtn').on('click',function () {
                if($(this).hasClass('yv-btn-primary')){
                    $(this).removeClass('yv-btn-primary').end().addClass('yv-btn-default').end().attr('data-original-title','已隐藏资源标签'); //错误示例
                    $(".tagResource").hide();
                }else{
                    $(this).removeClass('yv-btn-default').addClass('yv-btn-primary').attr('data-original-title','已显示资源标签');//正确用法
                    $(".tagResource").show();
                }
            });

使用了end()，就无法对当前对象进行addClass()操作和attr()操作。