jquery遍历节点
来源:互联网 发布:二手交易软件排名 编辑:程序博客网 时间:2024/06/05 08:28
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
</style>
</head>
<body>
<ul>
<li>海贼王
<span></span>
</li>
<li class="pic">火影王者</li>
<li>柯南</li>
<li>龙珠</li>
</ul>
</body>
<script src="js/jquery-3.2.1.min.js" ></script>
<script type="text/javascript">
//.children() 返回所有子节点
$('ul').children().css({'width':'100px','backgroundColor':'yellow','borderBottom':'1px solid gray'});
//.parent() 返回父元素
$('span').parent().css({'fontSize':'30px'});
//.find(选择器) 匹配后代元素
$('ul').find('.pic').css({'color':'red'});
</script>
</html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
</style>
</head>
<body>
<ul>
<li>海贼王
<span></span>
</li>
<li class="pic">火影王者</li>
<li>柯南</li>
<li>龙珠</li>
</ul>
</body>
<script src="js/jquery-3.2.1.min.js" ></script>
<script type="text/javascript">
//.children() 返回所有子节点
$('ul').children().css({'width':'100px','backgroundColor':'yellow','borderBottom':'1px solid gray'});
//.parent() 返回父元素
$('span').parent().css({'fontSize':'30px'});
//.find(选择器) 匹配后代元素
$('ul').find('.pic').css({'color':'red'});
</script>
</html>
阅读全文
0 0
- Jquery的节点遍历
- jquery遍历节点树
- jquery遍历节点
- JQuery 节点遍历
- jquery遍历节点
- Jquery 节点遍历
- Jquery节点遍历
- jQuery遍历li节点
- jquery(遍历-dom节点)
- jquery遍历节点
- jquery操作节点;jquery遍历节点
- jQuery学习笔记- - 节点遍历
- jQuery常用遍历节点方法
- JQuery 节点遍历 实现代码。
- jQuery遍历节点的方法
- jQuery遍历节点方法汇总
- jQuery 1.5 xml 遍历所有节点属性
- jQuery之dom操作(遍历节点)
- Tyvj1078
- 1029:求矩阵的两对角线上的元素之和
- stdio.h及cstdio的区别
- [HDU](2187)悼念512汶川大地震遇难同胞——老人是真饿了 ---贪心
- 获得键盘方向键VC++
- jquery遍历节点
- 设计模式--观察者模式(一)
- Python pytz模块时区的应用
- 德才论(PAT-1015)
- Linux常用命令二 之 Mysql相关操作
- git使用指南(一)
- 2017-9-7-Linux Mint TFTP服务安装开启
- chosen.jquery
- jquery数据处理