• 技术文章 >web前端 >js教程

    jQuery中end方法的用法

    巴扎黑巴扎黑2017-06-24 11:14:51原创1705

    我们在对结果集使用find、filter等方法时,会改变结果集。

    这种改变原先结果集的方法被称作destructive jQuery method

    jQuery cookbook有如下定义:

    A destructive operation is any operation that changes the set of matched jQuery elements, which means any traversing or manipulation method that returns a jQuery object, includingadd(), andSelf(), children(), closes(), filter(), find(), map(), next(), nextAll(), not(), parent(), parents(), prev(), prevAll(), siblings(), slice(), clone(), appendTo(), prependTo(), insertBefore(), insertAfter(), replaceAll()

    具体用法如下

    <!DOCTYPE html>
    <html>
    <head>
    	<meta charset="UTF-8">
    </head>
    <body>
    	<p>Text</p>
    	<p class="middle">Middle <span>Text</span></p>
    	<p>Text</p>
    <script type="text/javascript" src="jquery-1.11.1.js"></script>
    <script type="text/javascript">
    	alert($('p').filter('.middle').length); // alerts 1
    	alert($('p').filter('.middle').end().length); // alerts 3
    	alert($('p').filter('.middle').find('span').end().end().length); // alerts 3
    </script>
    </body>
    </html>

    当对$('p')的结果执行filter('.middle')时,只有<p class="middle">Middle <span>Text</span></p>符合结果。

    继续对上述操作执行end(),则filter()产生的作用被撤销,结果集中包含三个<p>

    以上就是jQuery中end方法的用法的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:jQuery中contents()方法用法实例 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • “弹窗”是如何开发的?用状态驱动还是命令式?• 手把手教你怎么给图片加马赛克• angular怎么进行样式隔离?实现机制详解• 简单了解JavaScript闭包• 一文聊聊Node.js中的cluster(集群)
    1/1

    PHP中文网