jQuery之选择器

来源:互联网 发布:海森伯格矩阵 编辑:程序博客网 时间:2024/06/05 21:14

基本选择器

选择器说明返回值#idid选择器单个元素element元素选择器同类型集合元素.class类选择器集合元素*通配选择器所有元素集合select1,select2,select3组选择器集合元素

层级选择器

选择器说明ancestor descendant包含选择器parent > child子选择器prev + next相邻选择器prev ~ siblings兄弟选择器

简单伪类选择器

选择器说明:first匹配找到的第一个元素:last匹配找的的最后一个元素:not去除匹配的元素:even匹配索引值为偶数的元素:odd匹配索引值为奇数的元素:eq匹配给定的索引值:gt匹配大于给定的索引值:lt匹配小于给定的索引值:header匹配如h1,h2,h3之类的标题元素:animated匹配所有正在执行动画效果的元素

与内容相关的伪类选择器

选择器说明:contains包含给定文本的元素:empty匹配所有不包含子子元素或者文本的空元素:has匹配含有给定元素的元素:parent匹配含有子元素或者文本的元素

与元素状态相关的伪类选择器

选择器说明:hidden所有不可见元素 或者type为hidden的元素:visible所有可见的元素

匹配子元素的伪类选择器

选择器说明:nth-child匹配器父元素下的第N个元素:first-child第一个子元素:last-child匹配最后一个子元素only-child匹配只有一个子元素的元素

与表单相关的伪类选择器

选择器实例说明:input$(":input")所有 input 元素:text$(":text")所有 type="text" 的 input 元素:password$(":password")所有 type="password" 的 input元素:radio$(":radio")所有 type="radio" 的 input 元素:checkbox$(":checkbox")所有 type="checkbox" 的input 元素:submit$(":submit")所有 type="submit" 的 input 元素:reset$(":reset")所有 type="reset" 的 input 元素:button$(":button")所有 type="button" 的 input 元素:image$(":image")所有 type="image" 的 input 元素:file$(":file")所有 type="file" 的 input 元素

与表单属性相关的伪类选择器

选择器说明:enabled所有可用元素:disabled不可用元素:checked匹配被选中的元素(单选框、复选框):selected所有被选中的option元素

属性选择器

选择器实例说明[attribute]$("[href]")所有带有 href 属性的元素[attribute=value]$("[href='#']")所有 href 属性的值等于 "#" 的元素[attribute!=value]$("[href!='#']")所有 href 属性的值不等于 "#" 的元素[attribute$=value]$("[href$='.jpg']")所有 href 属性的值包含以 ".jpg" 结尾的元素
0 0
原创粉丝点击