1949啦网--小小 痛苦,是因为能力和欲望不匹配造成的

jQuery find()方法

find()方法:

find是遍历当前元素集合中每个元素的后代。只要符合,不管是儿子辈,孙子辈都可以。

与其他的树遍历方法不同,选择器表达式对于 .find() 是必需的参数。如果我们需要实现对所有后代元素的取回,可以传递通配选择器 '*'。

find只在后代中遍历,不包括自己。

选择器 context 是由 .find() 方法实现的;因此,$('.item-ii').find('li') 等价于 $('li', '.item-ii')(找到类名为item-ii的标签下的li标签)。

注意重点:

.find()和.children()方法是相似的

1.children只查找第一级的子节点

2.find查找范围包括子节点的所有后代节点

实例:

  <!DOCTYPE html>  <html>  	<head>  		<meta charset="UTF-8">  		<title></title>  		<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>  		<script type="text/javascript">  			$(function(){  //				children:孩子们 子元素  //				$('#dd').children('p').css({'color':'blue','font-size':'22px'});  				  //				选择的是#dd里所有的子代p标签(儿子辈,孙子辈,重孙子辈.....都能被选中)  				$('#dd').find('p').css({'color':'blue','font-size':'22px'});  				  			})  		</script>  	</head>  	<body>  		<div id="dd">  			<p>01</p>  			<p>02</p>  			<p>03 <span>这个是有span标签的</span></p>  			<p>04</p>  			<p class="tt">05</p>  			<p>06</p>  			<p id="nn">07</p>  			<p>08</p>  			<div>  			<p>ddd</p>  			<p>ccc</p>  			<p>eee</p>  			</div>  		</div>  	</body>  </html>

原文链接:https://www.qiquanji.com/post/8583.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

微信扫码关注

更新实时通知

作者:xialibing 分类:网页教程 浏览: