jQuery遍历find()方法

最新推荐文章于 2022-11-04 12:05:29 发布

♕时光以北暮南城

最新推荐文章于 2022-11-04 12:05:29 发布

阅读量500

点赞数

分类专栏：前端文章标签： jquery

本文链接：https://blog.csdn.net/qq_43742368/article/details/106367564

版权

前端专栏收录该内容

44 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="../jquery-1.10.2.min.js"></script>
    <script type="text/javascript">
	/*注意重点：
	.find()和.children()方法是相似的
	1.children只查找第一级的子节点
	2.find查找范围包括子节点的所有后代节点*/
	$(document).ready(function() {
        $("button:first").click(function(){
			$(".aa").find("span").css("color","red");//选中所有aa这个div下的span改变其字体颜色
			})
		var qq=$("p");//找到所有li元素，然后筛选出子元素是p标签的节点,改变其字体颜色
		$("button:last").click(function(){
			$("li").find(qq).css("color","blue");
			})
    });
    
    </script>
</head>

<body>
<div class="aa">
	<span>aa</span>
    <span>bb</span>
    <span>cc</span>
</div>
<div class="aa">
	<ul>
    	<li>dd</li>
        <li>ee</li>
        <li>ff</li>
    </ul>
</div>
<div class="aa">
	<ul>
    	<li>dd</li>
        <li>ee</li>
        <li><p>sfe</p></li>
    </ul>
    <span>111</span>
    <p>sfe</p>
</div><br/>
<button>点击1</button>
<button>点击2</button>
</body>

</html>

在这里插入图片描述

♕时光以北暮南城

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery遍历find()方法

<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/javas
复制链接

扫一扫