jQuery API 总结

Posted 2022-04-24 wangqian888

一、 选择器

1.基本选择器

ID ：用于搜索的，通过元素的id属性中给定的值；

element ：根据给定的元素标签名匹配所有元素；

.class : 根据给定的css类名匹配元素；

* : 匹配所有元素 （多用于结合上下文来搜索）；

selector1,selector2,selectorN : 将每一个选择器匹配到的元素合并后一起返回 （你可以指定任意多个选择器，并将匹配到的元素合并到一个结果内）；

 

2.层级选择器

ancestor(先祖) descendant(后人) ： 在给定的祖先元素下匹配所有的后代元素；

parent > child : 在给定的父元素下匹配所有的子元素；

prev + next : 匹配所有紧接在prev元素后的next元素；

prev ~ siblings :匹配prev元素之后的所有兄弟姐妹元素；

 

3.基本筛选器

:first    获取匹配的第一个元素

:not(selector)    去除所有与给定选择器匹配的元素；

:even    匹配所有索引值为偶数的元素，从0开始计数；

:odd    匹配所有索引值为奇数的元素，从0开始计数；

:eq(index)    匹配一个给定索引值的元素；

:gt(index)    匹配所有大于给定索引值的元素；

:lang    选择指定语言的所有元素；

:last    获取最后一个元素；

:lt(index)    匹配所有小于给定索引值的元素；

:header    匹配如 h1~h6 之类的标题元素；

:animated    匹配所有正在执行动画效果的元素；

:focus    匹配当前获取焦点的元素；

:root    选择该文档的根元素；

 

4.内容

:contains(text)    匹配包含给定文本的元素；

:empty    匹配所有不包含子元素或者文本的空元素；

:has(selector)    匹配含有选择器所匹配的元素；

 

:parent    匹配含有子元素或者文本的元素；

 

5.可见性

:hidden    匹配所有不可见元素，或者type为hidden的元素；

:visible    匹配所有的可见元素；