jQuery遍历children()方法

最新推荐文章于 2024-05-13 09:38:30 发布

♕时光以北暮南城

最新推荐文章于 2024-05-13 09:38:30 发布

阅读量1k

点赞数

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

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

版权

<!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">
	//如果想快速查找合集里面的第一级子元素，此时可以用children()方法。这里需要注意：.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素（仅儿子辈，这里可以理解为就是父亲-儿子的关系）
	$(document).ready(function() {
    	$("button:first").click(function(){
			$(".aa").children().css("border","1px solid red");//选中class="aa"的div加上红色边框
		})
		$("button:last").click(function(){
			$("ul").children(":eq(2)").css("color","yellow")
			})  //找到所ul的元素
        //找到其对应的子元素li，然后筛选出下标为2的li，把字体颜色变成黄色
    });
    	
    </script>
</head>

<body>
<div class="aa">
	<span>aa<

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

♕时光以北暮南城

关注关注

0
点赞
踩
0

收藏

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

<!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
复制链接

扫一扫