JQuery选择器

1.标签名选择器
$(“div”) 匹配文档中所有div
2.id选择器
$("#id") 获取id的元素
3.类选择器
$(".class")
4.分组选择器
$(“div,#id,.class”)
5.所有元素
$("*")

###层级选择器
1.$("divspan")匹配div下的所有的span2.$(“div>span”) 匹配div下所有span的子元素
3.$("div+span")匹配div后面紧邻的span兄弟元素4.$(“div~span”) 匹配div后面所有的span兄弟元素

###层级函数
1.获取元素的所有兄弟元素
$("#two").siblings(“div”)
2.获取元素的哥哥元素
$("#two").prev(“div”)
3.获取元素的哥哥们元素
$("#two").prevALL(“div”)
4.获取元素的弟弟元素
$("#two").next(“div”)
5.获取元素的弟弟们元素
$("#two").nextALL(“div”)

6.得到上级父元素
元素.parent()
7.得到所有的子元素
元素.children()
8.获取第n个子元素
元素.children().eq(n)
9.得到查询结果的第几个
$(“div”).eq(0)
10.获取M元素中id为aa的子元素
M元素.children("#aa")

###过滤选择器
1.$("div:first")匹配所有div中第一个元素2.$(“div:last”) 匹配所有div中最后一个元素
3.$("div:even")匹配所有div中偶数div从0开始4.$(“div:odd”) 匹配所有div中奇数div 从0开始
5.$("div:eq(n)")匹配所有div中下标为n的元素从0开始6.$(“div:lt(n)”) 匹配所有div中下标小于n的元素 从0开始
7.$("div:gt(n)")匹配所有div中下标大于n的元素从0开始8.$(“div:not(.one)”) 匹配所有div中class不为one的元素

###内容选择器
1.$("div:has(p)")匹配所有包含p标签的div2.$(“div:empty”) 匹配所有空的div
3.$("div:parent")匹配所有非空的div4.$(“div:contains(‘id’)”) 匹配所有文本内容包含id的div
###可见选择器
1.$("div:hidden")匹配所有隐藏的div元素2.$(“div:visible”) 匹配所有可见的div元素

###jq中显示相关的函数
让隐藏的元素显示
$(“div:hidden”).show()
让显示的元素隐藏
$(“div:visible”).hide()
切换元素的显示状态
$(“div”).toggle()

###属性选择器
1.$("div[id]")匹配有id属性的div元素2.$(“div[id=‘d1’]”) 匹配id属性等于d1的div
3.$(“div[id!=‘d1’]”) 匹配id属性不等于d1的div

###子元素选择器
1.$("div:nth-child(n)")n从1开始匹配div中第n个子元素2.$(“div:first-child”) 匹配div中第1个子元素
3.$(“div:last-child”) 匹配div中最后一个子元素

###表单选择器
1.$(":input")匹配所有的input中文本框密码框单选复选下拉选文本域(textarea)button2.$(":password") 匹配所有密码框
3.$(":radio")匹配所有单选4.$(":checkbox") 匹配所有复选框
5.$(":checked")匹配所有被选中的单选/复选/下拉选option6.$(“input:checked”) 匹配所有被选中的单选和复选
7.$(":selected") 匹配所有被选中的下拉选option