jQuery 选择器详解选择器详解
$()函数在很多JavaScript类库中都被作为一个选择器函数来使用,在jQuery中就是.
$(“#id”)通过id来获取元素,用来代替document.getElementById()函数.
$(“tagName”)通过标签名来获取元素,用来代替document.getElementsByTagName()函数.
jQuery的基本语法是:$(selector).action(), selector即选择器.
jQuery选择器的分类选择器的分类
jQuery的选择器基本可以分为四大类:
基本选择器(basic)
层次选择器(level)
过滤选择器(filter)
表单选择器(form)
有些类别又可以分为具体的子类别.
基本选择器基本选择器
* 匹配所有元素.示例:$(“*”)选取所有元素.
#id根据给定的id匹配元素(最多只返回一个元素).示例: $(“#lastname”)选取id=”lastname”的元素.
.class根据给定的类名匹配元素.示例:$(“.intro”)选取所有class=“intro”的元素.
element根据给定的元素名匹配元素.示例: $(“p”)选取所有<p>元素.
.class.class 示例: $(“.intro.demo”)选取所有且class=”demo”的元素.(交集).
selector1, selector2, …, selectorN, 将每一个选择器匹配到的元素合并后一起返回.(并集).
除了#id选择器返回单个元素外,其他选择器返回的都是元素集合.
这是因为HTML规范里面id应该是唯一的,所以重复id的元素没有被考虑.
如果多个元素的id相同,取这个id也只能获取第一个元素.即获取的jQuery对象的length属性是1.
如果要匹配的元素不存在,则都返回一个空的jQuery对象.
基本选择器之间可以组合,用逗号分隔,结果取所有条件的结果的并集.
当没有用逗号分隔时,应该是所有条件都满足的交集.
层次选择器层次选择器
资源评论
