1、关于jquery中选择器的概念:
选择器是 jQuery 的根基, 在 jQuery 中, 对事件处理, 遍历 DOM 和 Ajax 操作都依赖于选择器.
2、使用jquery选择器的优点:简介 有完善的事物处理机制
3、选择器的分类:
1)基本选择器 2)层次选择器
3)过滤选择器 4)表单选择器
jQuery基本选择器:
$(“#id”): 根据给定的id匹配一个元素
$(“.myclass”):根据类名匹配元素
$(“*”): 选取html页面中所有的元素
$(“div”):选取html页面中所有的div元素
$(“div,span,myclass”):选取所有的<div><span><myclass>一组元素
jQuery层次选择器:
$(“div span”):选取<div>下面的所有的<span>元素,包括后代元素
$(“div > span”):选取<div>元素下面(儿子)所有的<span>子元素,不包括后代元素。
$(“.one + div”):选取class为one的下一个<div>相邻元素,即紧接着.one元素后面的div元素
注意:“+”紧接着的意思,相邻 不间隔 的元素
$(“#one ~ div”):选取id为one的元素之后的所有同辈的<div>兄弟元素,可以间隔其他元素。
$(“div:first”) 选取所有<div>元素中第1个<div>元素
$(“div:last”) 选取所有的<div>元素中最后1个
$(“div: not(.one)”) 选取class不是one 的< div >元素not
$(“div:even”) 选取索引值为偶数的<div>
$(“div:odd”) 选取索引值为奇数的<div
$(“div:eq(1)”) 选取索引值为1的<div>元素
$(“div:gt(3)”) 选取索引值大于3的<div>元素
$(“div:lt(3)”) 选取索引值小于3的<div>元素
$(“:header”) 选取网页中所有的<h1>、<h2>
……
$(“div:animated”) 选取正在执行动画的<div>