jQuery入门看这一篇就够了

一.选择器 1.基本 名称   用法   描述  
#id   $("#myDiv");   根据给定的ID匹配一个元素  
element   $("div");   根据给定的元素标签名匹配所有元素  
.class   $(".myClass");   根据给定的css类名匹配元素  
*   $("*")   匹配所有元素  
selector1,selector2,selectorN   $("div,span,p.myClass")   将每一个选择器匹配到的元素合并后一起返回  

 

2.层级 名称   用法   描述  
ancestor descendant   $("form input")   在给定的祖先元素下匹配所有的后代元素  
parent > child   $("form > input")   在给定的父元素下匹配所有的子元素  
prev + next   $("label + input")   匹配所有紧接在 prev 元素后的 next 元素  
prev ~ siblings   $("form ~ input")   匹配 prev 元素之后的所有同辈 siblings 元素  

 

3.基本筛选器 名称   用法   描述  
:first   $('li:first');   获取第一个元素  
:not(selector)   $("input:not(:checked)")   去除所有与给定选择器匹配的元素  
:even   $("tr:even")   匹配所有索引值为偶数的元素,从 0 开始计数  
:odd   $("tr:odd")   匹配所有索引值为奇数的元素,从 0 开始计数  
:eq(index)   $("tr:eq(1)")   匹配一个给定索引值的元素  
:gt(index)   $("tr:gt(0)")   匹配所有大于给定索引值的元素  
:lang   $("p:lang(it)")   选择指定语言的所有元素  
:last   $('li:last')   获取最后个元素  
:lt(index)   $("tr:lt(2)")   匹配所有小于给定索引值的元素  
:header   $(":header").css("background", "#EEE");   匹配如 h1, h2, h3之类的标题元素  
:animated   $("div:not(:animated)").animate({ left: "+=20" }, 1000);   匹配所有正在执行动画效果的元素  
:focus   $("input:focus")   匹配当前获取焦点的元素  
:root   $(":root")   选择该文档的根元素  
:target       选择由文档URI的格式化识别码表示的目标元素  

 

4.内容 名称   用法   描述  
:contains(text)   $("div:contains('John')")   匹配包含给定文本的元素  
:empty   $("td:empty")   匹配所有不包含子元素或者文本的空元素  
:has(selector)   $("div:has(p)")   匹配含有选择器所匹配的元素的元素  
:parent   $("td:parent")   匹配含有子元素或者文本的元素  

 

5.可见性 名称   用法   描述  
:hidden   $("tr:hidden")   匹配所有不可见元素,或者type为hidden的元素  
:visible   $("tr:visible")   匹配所有的可见元素  

 

6.属性 名称   用法   描述  
[attribute]   $("div[id]")   匹配包含给定属性的元素  
[attribute=value]   $("input[name='newsletter']")   匹配给定的属性是某个特定值的元素  
[attribute!=value]   $("input[name!='newsletter']")   匹配所有不含有指定的属性,或者属性不等于特定值的元素  
[attribute^=value]   $("input[name^='news']")   匹配给定的属性是以某些值开始的元素  
[attribute$=value]   $("input[name$='letter']")   匹配给定的属性是以某些值结尾的元素  
[attribute*=value]   $("input[name*='man']")   匹配给定的属性是以包含某些值的元素  
[attrSel1][attrSel2][attrSelN]   $("input[id][name$='man']")   复合属性选择器,需要同时满足多个条件时使用  

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpjdsf.html