jQuery笔记--选择器篇

常用选择器笔记，供今后学习使用。

基本选择器

/*基本选择器*///id选择器$( "#id" )//类选择器$( ".class" )//元素选择器$( "element" )//全选择器$( "*" )

层级选择器

/*层级选择器*///子元素选择器 $('div > p')//后代选择器$('div p')//兄弟选择器//prev紧邻的div$(".prev + div")//prev的兄弟元素$(".prev ~ div")

基本筛选选择器

/*筛选选择器*///选择一组中的第一个元素$(".div:first")//选取第一个 <ul> 元素的第一个 <li> 元素 $("ul li:first")//选取每个 <ul> 元素的第一个 <li> 元素 $("ul li:first-child")//选择索引为偶数的元素$(".div:even")//选择索引为奇数的元素$(".div:odd")//选择索引值为n的元素$(".aaron:eq(n)")//选择索引值大于n的元素$(".aaron:gt(3)")//选择索引值小于n的元素$(".aaron:lt(3)")//选择一组中的最后一个元素$(".div:last")//选择没有什么的元素$("input:not(:checked) + p")//某个元素是其父元素的唯一子元素，那么它就会被选中$(":only-child")//所有父级下第n个子元素$('.last-div a:nth-child(2)')//所有父级下倒数第n个子元素$('.last-div a:nth-last-child(2)')//选择文档的根元素$(":root")

内容选择器

/*内容选择器*///包含text的元素$(".div:contains('text')")//选择所有含有子元素或者文本的元素。$(":parent:")//选择元素中至少包含指定选择器的元素。$(":has(selector)")//选择所有没有子元素或者文本的元素$(":empty")

隐藏显示

/*隐藏显示*///选择显示的元素$(":visible")//选择隐藏的元素$(":hidden")

属性选择器

/*属性选择器*///选择div元素中name属性是p1的元素$("div[name=p1]")//选择div元素中所有具有name属性的元素$("div[name]")//选择div元素中name属性的值只包含一个连字符a或以a为前缀且以"-"为分隔的元素（如：name="a-bcd"）$("div[name|=a]")//选择div元素中name属性的值包含字符串a且以空格分隔    元素（如：name="a  b"）$("div[name~=a]")//选择div元素中name属性的值是以字符串ab开头的元素$("div[name^=ab]")//选择div元素中name属性的值是以字符串ab结尾的元素$("div[name$=ab]")//选择div元素中name属性的值包含字符串ab的元素$("div[name*=ab]")//选择div元素中name属性的值不等于字符串ab或者没有name属性的元素$("div[name!=ab]")

表单元素选择器

/*表单元素选择器*/$(':input')$(':text')$(':password')$(':radio')$(':checkbox')$(':submit')$(':image')$(':button')$(':file')//选取可用的表单元素$(':enabled')//选取不可用的表单元素$(':disabled')//选取被选中的input元素$(':checked')//选取被选中的option元素$(':selected')

this

/*选择当前元素*/$(this)