- 1python包括哪些部分_python必背内容有哪些
- 2springboot+mybatis-plus+sqlserver创建一个项目（一）_springboot mybatis plus sqlserver 简单例子
- 3git bash上传文件命令步骤_git bash 上传文件夹
- 4关于华为od_csdn 华为od
- 5何晖光：多模态情绪识别及跨被试迁移学习
- 6Django中cookie和session操作_django删除cookie和删除session有啥联系和区别
- 7循序渐进丨MogDB 数据库双网卡高可用部署实战
- 8Python爬虫代理池_python 代理池
- 9java面试八股文高频面试题与求职攻略，Spring Boot发布2，2024我的Java大厂面试之旅
- 10warning: adding embedded git repository: NeteaseCloudMusicApi_you've added another git repository inside your cu
jQuery子元素选择器_选中父div下面的第二个元素
赞
踩
jQuery子元素选择器
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>子元素选择器</title>
<meta charset="utf-8" />
<link href="styles/selectstyle.css" rel="stylesheet" />
<script src="scripts/jquery-1.3.1.js"></script>
<script src="scripts/assist.js"></script>
<script type="text/javascript">
$(function () {
//选取每个class为one的div父元素下的第2个子元素
$("#btn1").click(function () {
$(".one div:nth-child(2)").css("background-color", "#b6ff00");
});
//选取每个class为one的div父元素下的第一个子元素
$("#btn2").click(function () {
$(".one div:first-child").css("background-color", "#b6ff00");
});
//选取每个class为one的div父元素下的最后一个子元素
$("#btn3").click(function () {
$(".one div:last-child").css("background-color", "#b6ff00");
});
//如果class为one的div父元素下的仅仅只有一个子元素，那么选中这个子元素
$("#btn4").click(function () {
$(".one div:only-child").css("background-color", "#b6ff00");
});
});
</script>
</head>
<body>
<h3>子元素选择器.</h3>
<button id="reset">手动重置页面元素</button>
<input type="checkbox" id="isreset" checked="checked" /><label for="isreset">点击下列按钮时先自动重置页面</label><br /><br />
<input type="button" value="选取每个class为one的div父元素下的第2个子元素" id="btn1" />
<input type="button" value="选取每个class为one的div父元素下的第一个子元素" id="btn2" />
<input type="button" value="选取每个class为one的div父元素下的最后一个子元素" id="btn3" />
<input type="button" value="如果class为one的div父元素下的仅仅只有一个子元素，那么选中这个子元素" id="btn4" />
<br /><br />
<!-- 测试的元素 -->
<!-- 测试的元素 -->
<div class="one" id="one">
id为one,class为one的div（女警）
<div class="mini">class为mini的div（曙光）</div>
</div>
<div class="one" id="two" title="test">
id为two,class为one,title为test的div（金克斯）
<div class="mini" title="other">class为mini,title为other的div（宝石）</div>
<div class="mini" title="test">class为mini,title为test的div（璐璐）</div>
</div>
<div class="one">
class为one的div（EZ）
<div class="mini">class为mini的div（琴女）</div>
<div class="mini">class为mini的div（众星之子）</div>
<div class="mini">class为mini的div（唤潮鲛姬）</div>
<div class="mini">class为mini的div（牛头）</div>
</div>
<div class="one">
class为one的div（奥巴马）
<div class="mini">class为mini的div（凤女）</div>
<div class="mini">class为mini的div（机器人）</div>
<div class="mini">class为mini的div（狗熊）</div>
<div class="mini" title="tesst">class为mini,title为tesst的div（雪人）</div>
</div>
<div style="display:none;" class="none">
style的display为"none"的div（VN）
</div>
<div class="hide">
class为"hide"的div（螃蟹）
</div>
<div>
包含input的type为"hidden"的div（飞机）
<input type="hidden" size="8" />
</div>
<span id="mover">正在执行动画的span元素.</span>
</body>
</html>
