IT博客汇
首页
精华
技术
设计
资讯
扯淡
权利声明
登录
注册
JQuery总结一:选择器归纳
dwqs
发表于
2015-06-29 00:48:57
love
0
1、基本选择器选择符匹配元素*所有元素id给定ID的元素element给定类型的所有元素.class给定类的所有元素a,b与a或b匹配的元素a ba的后代元素中与b匹配的元素a>ba的直接子元素中与b匹配的元素a+ba的直接同辈元素中与b匹配的元素a~ba的同辈元素中与b匹配的元素2、位置选择器选择符匹配元素a b:nth-child(index)a的子元素中,第index个与b匹配的元素(从1开始计数)a b:nth-child(even)a的子元素中,第偶数个与b匹配的元素(从1开始计数)a b:nth-child(odd)a的子元素中,第奇数个与b匹配的元素(从1开始计数)a b:nth-child(2n+2)a的子元素中,第2n+2个与b匹配的元素(从1开始计数),n为自然数a b:nth-last-child()同:nth-child(),从最后一个元素开始计数a b:first-childa的子元素中,第1个与b匹配的元素a b:last-childa的子元素中,最后一个个与b匹配的元素:only-child作为其父元素唯一一个子元素的元素a b:nth-of-type()同:nth-child(),只计同类元素a b:nth-last-of-type()同:nth-last-child(),只计同类元素a b:first-of-type()同:first-child(),只计同类元素a b:last-of-type()同:last-child(),只计同类元素a b:only-of-type()没有同名元素的元素3、属性选择器选择符匹配元素[attr]带有属性attr的元素[attr="value"]attr属性值为value的元素[attr!="value"]attr属性值不为value的元素)[attr^="value"]attr属性值以value开头的元素[attr$="value"]attr属性值以value结尾的元素[attr*="value"]attr属性值包含value字符串的元素[attr~="value"]attr属性值是空格分隔的字符串,其中一个字符串值是value的元素[attr|="value"]attr属性值等于value或value后跟一个连字符(-)的元素4、表单选择器选择符匹配元素:input所有
、
、<select>和<button>元素:texttype=”text”的<input>元素:passwordtype=”password”的<input>元素:filetype=”file”的<input>元素:radiotype=”radio”的<input>元素:checkboxtype=”checkbox”的<input>元素:submittype=”submit”的<input>元素:imagetype=”image”的<input>元素:resettype=”reset”的<input>元素:buttontype=”button”的<input>元素:enabled启用的表单元素:disabled禁用的表单元素:checked选中的复选框和单选按钮:selected选中的<option>元素5、过滤选择器选择符匹配元素:root文档根元素:header标题元素,h1~h6:animated动画正在运行的元素:contains(text)包含文本text的元素a:empty不包含子节点的a元素a:has(b)至少包含一个b元素匹配的a元素(返回父元素a而非子元素b):parent与:empty相反,返回包含子节点的元素:hidden隐藏的元素,包括<input type="hidden">:visible可见元素:focus获得焦点的元素:lang(language)给定语言代码的元素:targetURI标识符指向的目标元素,具体见::target用法6、用于结果集中的选择器这类选择器在CSS中不存在,但可以用于JQuery的结果中进行筛选。选择符匹配元素:first结果集中的第一个元素,对应方法为first(),如$("a b:first")<==>$("a b").first():last结果集中的最后一个元素,对应方法为last(),如$("a b:last")<==>$("a b").last():not(a)结果集中不与a匹配的元素,对应方法为not(),如$("a b:not(c)")<==>$("a b").not(c):even结果集中索引是偶数的元素(从0开始),如$("a b:even"):odd结果集中索引是奇数的元素(从0开始),如$("a b:odd"):eq(index)结果集中索引是index的元素(从0开始),对应方法是eq(index),如$("a b:eq(2)")<==>$("a b").eq(2):gt(index)结果集中索引大于index的元素(从0开始),如$("a b:gt(2)"):lt(index)结果集中索引小于index的元素(从0开始),如$("a b:lt(2)")淡忘~浅思猜你喜欢DOM笔记(七):如何开发JQuery插件?DOM笔记(六):怎么进行JQuery扩展?Lazy Load, 延迟加载图片的 jQuery 插件Jquery+bootstrap实现静态博客主题jQuery中实现自定义方法的扩展无觅转载请注明:淡忘~浅思»JQuery总结一:选择器归纳