子元素过滤选择器
来源:互联网 发布:怎样创造软件 编辑:程序博客网 时间:2024/05/29 04:14
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>07-子元素过滤选择器.html</title> <!-- 引入jQuery --> <script src="../js/jquery-1.8.3.js" type="text/javascript"></script> <script src="./script/assist.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="./css/style.css" /> <script type="text/javascript"> </script></head><body> <button id="reset">手动重置页面元素</button> <input type="checkbox" id="isreset" checked="checked"/><label for="isreset">点击下列按钮时先自动重置页面</label> <h3>子元素过滤选择器.</h3> <input type="button" value="选取每个class为one的div父元素下的第2个子元素." id="btn1"/>$('btn1').click(function(){$("div[class='one'] :nth-child(2)").css()}); //子元素选择器的使用前提,表达式前面必须是元素,元素上添加条件必须使用空格 <input type="button" value="选取每个class为one的div父元素下的第一个子元素." id="btn2"/>$('btn2').click(function(){$("div.one :first-child").css()); <input type="button" value="选取每个class为one的div父元素下的最后一个子元素." id="btn3"/>$('btn3').click(function(){$("div.one :last-child").css()) <input type="button" value="如果class为one的div父元素下的仅仅只有一个子元素,那么选中这个子元素." id="btn4"/>$('btn4').click(function(){$.('div.one :only-child').css();<br /><br /> <div class="one" id="one" > id为one,class为one的div <div class="mini">class为mini</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 class="mini" title="test">class为mini,title为test</div> </div> <div class="one"> <div class="mini">class为mini</div> <div class="mini">class为mini</div> <div class="mini">class为mini</div> <div class="mini"></div> </div> <div class="one"> <div class="mini">class为mini</div> <div class="mini">class为mini</div> <div class="mini">class为mini</div> <div class="mini" title="tesst">class为mini,title为tesst</div> </div> <div style="display:none;" class="none">style的display为"none"的div</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>
0 0
- 子元素过滤选择器
- 子元素过滤选择器
- 子元素过滤选择器
- 子元素过滤选择器
- 子元素过滤选择器
- 属性过滤选择器,子元素过滤选择器
- jquery子元素过滤选择器
- jquery子元素过滤选择器
- jquery子元素过滤选择器
- jQuery子元素过滤选择器
- jQuery_子元素过滤选择器
- jQuery-子元素过滤选择器
- jquery子元素过滤选择器,
- jq子元素过滤选择器
- jquery子元素过滤选择器
- JQuery选择器(9子元素过滤选择器)
- jQuery选择器 过滤选择器(五.子元素过滤选择器)
- 一步一步学习 JQuery (四) 过滤选择器:属性过滤选择器 && 子元素过滤选择器 && 表单过滤选择器
- Tikhonov regularization(L2正则化、岭回归)
- centos7 安装emaces
- 插入排序法--快速排序法理解
- SQL优化大全
- Python爬虫项目整理
- 子元素过滤选择器
- 290. Word Pattern
- HookSSDT
- 10.x.y.z和100.x.y.z的那点故事和事故
- 地址的三级联动 选择后显示地区并返回服务器Id号(二)
- Hdu-1213 How many table
- JavaSE-Http断点/多线程下载文件
- 多线程读脏数据问题
- webview在android端基本用法(三)