您的位置:首页 > Web前端 > JQuery

JQuery基础选择器及过滤选择器的用法,今天刚学,写一下加深印象

2015-06-01 21:01 741 查看
基础选择器:

$("标签名"):通过标签名选择查找标签元素

$("#ID"):通过标签Id查找元素

$(".className"):通过标签类名查找元素

$("*"):页面内选择所有元素

$("标签一,标签二,标签三,......"):选择多个标签

$("父标签 子孙标签"):选择父标签下的所有与子孙标签相同的元素

$("父标签>子标签"):选择父标签下的子标签,不包括孙及更远的子孙辈标签

$("prev+next"):选择prev元素最紧邻的下一个标签

$("prev~siblings"):选择prev之后同辈的与siblings相同的同辈标签

过滤性选择器:

$(”选择器:first"):选择符合选择器的元素组中的第一个元素

$(”选择器:last"):选择符合选择器的元素组中的最后一个元素

$(”选择器:eq(index)"):选择符合选择器的元素组中的第index个元素

$("选择器:contains(指定内容)"):选择符合选择器的元素组中包含指定内容的元素

$(”选择器1:has(选择器2"):选择符合选择器1的元素组中包含符合选择器2的元素的元素

$("选择器[attribute=value]"):选择符合选择器的且指定属性等于指定值的元素

$("选择器[attribute!=value]"):选择符合选择器的且指定属性bu等于指定值的元素

$("选择器[attribute*=value]"):选择符合选择器的且指定属性包含指定值的元素

$("选择器:first-child"):选择所有符合选择器的同辈元素组中的第一个元素

例如:



对每个ul中的li元素组中的第一个元素进行操作

输出:



$("选择器:last-child"):选择所有符合选择器的同辈元素组中的最后一个元素
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: