当前位置:Gxlcms > JavaScript > jQuery中end方法的用法

jQuery中end方法的用法

时间:2021-07-01 10:21:17 帮助过:3人阅读

我们在对结果集使用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方法的用法的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行