jQuery选择器

2019-10-17  本文已影响0人  活成一句废话

无优先级

基本选择器:ID,class,标签名,组合,全局
层级选择器:                              后代元素 ul li;子元素 ul>li;      selector+selector  紧邻的兄弟元素,                                      selector~selector后面的所有元素
筛选选择器:&gt >  &it >         

:first  :last

:eq(index)

:it(index)  小于

:gt(index) 大于

:odd  奇数

:even  偶数

:target  锚点指向的元素

属性autofocus

内容选择器:                           

:contains('内容')

:has('筛选条件如 #classname的选择器')

:empty  无内容无子元素,空格也是内容

:parent

属性选择器:

标签[作为筛选条件的属性][][]可以给属性指定作为筛选条件的值。^='字符串'  以什么开头,$='?' 以什么结尾,*='?'  包含什么的。  可以写多个属性

子元素选择器:

li:first-child  选择所有兄弟元素的第一个li元素

:nth-child (n) 从1开始(数据库参数也是从1

:nth-last-child(n)

:only-child  无子元素的元素

:first-of-type 兄弟元素中相同标签的第一个

:nth-child()所有兄弟元素里的第五个标签

:nth-of-type() 所有兄弟元素中所有相同标签的第五个

:only-of-type() 所有没有具有相同标签兄弟元素的所有元素

表单选择器:

:Input 所有表单控件

:submit  具有提交功能的按钮

混淆选择器:

$.escapeSelector (selector)用于ClassName或者IDname有特殊符号的。如 ID='#demo'  普通选择无法操作,这时用$('#'+$.escapeSelector('#demo'))来进行拼接选择

上一篇下一篇

猜你喜欢

热点阅读