jQuery慢慢啃之选择器(二)
1.$("#myDiv");ID匹配一个元素
<span id="foo[bar]"></span>
$("#
foo\\[bar\\]);//转义
2.$("div");//元素标签名匹配
3.$(".myClass"); css类名匹配
4.$("*")
匹配所有元素,多用于结合上下文来搜索
5.指定多个选择器,把匹配结果组合返回
<div>div</div>
<p class="myClass">p class="myClass"</p>
<span>span</span>
<p class="notMyClass">p class="notMyClass"</p>
$("div,span,p.myClass")
6.在给定的祖先元素下匹配所有的后代元素
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
$("form input")
7.$("form > input")
//父元素下匹配所有的子元素
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
表达式:$("label + input")
结果:[ <input name="name" />, <input name="newsletter" /> ]
表达式:$("form ~ input")
[ <input name="none" /> ]
$('li:first')
;//元素机会中 的第一个$("input:not(:checked)")//集合在除去某些
$("tr:even")//匹配偶数项
$("tr:odd")//匹配基项
$("tr:eq(1)")//匹配给定索引的项
$("tr:gt(0)")
//匹配大于索引的项$('li:last')
//获取最后一个元素$("tr:lt(2)")//匹配小于索引的项
$(":header").css("background", "#EEE");
//匹配如 h1, h2, h3之类的标题元素$("div:contains('John')")
//匹配包含给定文本的元素$("td:empty")//匹配所有不包含子元素或者文本的空元素
$("div:has(p)")//匹配含有选择器所匹配的元素的元素
$("td:parent")
//匹配含有子元素或者文本的元素$("tr:hidden")
//匹配所有不可见元素$("input:enabled")
//匹配所有可用元素$("input:disabled")
//匹配所有不可用元素$("input:checked")
//查找所有选中的元素$("select option:selected")
//匹配所有选中的option元素$("div[id]")
//匹配包含给定属性的元素$("input[name='newsletter']").attr("checked", true);
//匹配给定的属性是某个特定值的元素$("input[name!='newsletter']").attr("checked", true);
$("input[name^='news']")//匹配给定的属性是以某些值开始的元素
$("input[name$='letter']")
//匹配给定的属性是以某些值结尾的元素$("input[name*='man']")
//匹配给定的属性是以包含某些值的元素$("input[id][name$='man']")
//复合属性选择器,需要同时满足多个条件时使用。$("ul li:first-child")
//匹配第一个子元素,类似的:first匹配第一个元素,而此选择符将为每个父元素匹配一个子元素$("ul li:last-child")
//:last 只匹配最后一个元素,而此选择符将为每个父元素匹配最后一个子元素$("ul li:nth-child(2)")
//匹配其父元素下的第N个子或奇偶元素$("ul li:only-child")
//如果某个元素是父元素中唯一的子元素,那将会被匹配$(":input")匹配所有 input, textarea, select 和 button 元素
$(":text")
$(":password")
$(":radio")
$(":checkbox")
$(":submit")
$(":image")
$(":reset")
$(":button")
$(":file")
jQuery慢慢啃之选择器(二)的更多相关文章
- jQuery慢慢啃筛选(四)
1.eq(index|-index) 获取第N个元素 其中负数:一个整数,指示元素的位置,从集合中的最后一个元素开始倒数.(1算起) $("p").eq(1)//获取匹配的第二个元 ...
- jQuery慢慢啃之核心(一)
1. $("div > p"); div 元素的所有p子元素. $(document.body).css( "background", "bla ...
- jQuery慢慢啃之回调(十三)
1.callbacks.add(callbacks)//回调列表中添加一个回调或回调的集合 // a sample logging function to be added to a callback ...
- jQuery慢慢啃之事件对象(十一)
1.event.currentTarget//在事件冒泡阶段中的当前DOM元素 $("p").click(function(event) { alert( event.curren ...
- jQuery慢慢啃之工具(十)
1.jQuery.support//一组用于展示不同浏览器各自特性和bug的属性集合 2.jQuery.browser//浏览器内核标识.依据 navigator.userAgent 判断. 可用值: ...
- jQuery慢慢啃之ajax(九)
1.jQuery.ajax(url,[settings])//通过 HTTP 请求加载远程数据 如果要处理$.ajax()得到的数据,则需要使用回调函数.beforeSend.error.dataFi ...
- jQuery慢慢啃之特效(八)
1.show([speed,[easing],[fn]])\\显示隐藏的匹配元素 //speed:三种预定速度之一的字符串("slow","normal", o ...
- jQuery慢慢啃之事件(七)
1.ready(fn)//当DOM载入就绪可以查询及操纵时绑定一个要执行的函数. $(document).ready(function(){ // 在这里写你的代码...}); 使用 $(docume ...
- jQuery慢慢啃之CSS(六)
1.css(name|pro|[,val|fn])//访问匹配元素的样式属性 $("p").css("color");//获取 $("p") ...
随机推荐
- git bash【初级入门篇】
最近公司打算使用git代替之前的svn版本控制工具,趁此机会打算好好学学git,这个号称当今世界最牛的分布式版本控制工具. 一.[git和svn的主要区别] 1.去中心化 svn以及微软的TFS均采用 ...
- vim setting
django_百度搜索 最近合并代码,发现文件缩进经常不一致,请大家把以下配置放到自己主目录下.vimrc文件中. set tabstop=4 set shiftwidth=4 set e ...
- poj 3259 Wormholes【spfa判断负环】
Wormholes Time Limit: 2000MS Memory Limit: 65536K Total Submissions: 36729 Accepted: 13444 Descr ...
- Maven浅析-1
Maven的配置 1.首先从http://maven.apache.org/download.cgi下载当前最新版本的maven. 如果不想自己安装maven的话,建议直接下binary zip文件, ...
- 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(34)-文章发布系统①-简要分析
原文:构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(34)-文章发布系统①-简要分析 系列目录 最新比较闲,为了学习下Android的开发构建ASP.NET ...
- Cubieboard 开箱和入门 | Name5566 分类: cubieboard 2014-11-08 17:27 251人阅读 评论(0) 收藏
Cubieboard 开箱和入门 2014 年 01 月 29 日 by name5566 Categories: Computer Science, Cubieboard Hello Cubiebo ...
- 高级性能调试手段(oprofile+gprofile)+内核追踪手段:LTT
http://blog.csdn.net/wlsfling/article/details/5876134http://www.lenky.info/archives/2012/03/1371http ...
- Qt 学习之路 :视图代理
与 Qt model/view 架构类似,在自定义用户界面中,代理扮演着重要的角色.模型中的每一个数据项都要通过一个代理向用户展示,事实上,用户看到的可视部分就是代理. 每一个代理都可以访问一系列属性 ...
- Excel VBA批量修改文件夹下的文件名
今天,有同事提出想批量修改文件名,规则比较简单,在第五位后加“-”即可, 上网没找到相关工具,就自己做了个excel,用宏代码修改. 代码如下: Private Sub CommandButton1_ ...
- thinkphp实现短信验证注册
前言 注册时经常需要用到短信验证码,本文记录一下思路和具体实现. 短信验证平台使用云片,短信验证码的生成使用thinkphp. 思路 1.用户输入手机号,请求获取短信验证码. 2.thinkphp生成 ...