JQuery选择器特辑 详细小结

2020-05-22 15:47:58易采站长站整理

这是看《锋利的jquery》时,整理出来的一些东西,很多方法,需要大家亲自实践一下,才会理解得更加深刻,切莫眼高手低哦……


Jquery选择器分类:基本选择器,层次选择器,过滤选择器,表单选择器


一、基本选择器:jquery中最常用的选择器,也是最简单的选择器。通过元素id、class和标签名等来查找DOM元素。


表-基本选择器


































选择器


描述


返回


示例


#id


根据给定的id匹配一个元素


单个元素


$(“#test”)选取id为test的元素


.class


根据给定的类名匹配元素


集合元素


$(“.test”)选取所有class为test的元素


element


根据给定的的元素名匹配元素


集合元素


$(“p”) 选取所有的<p>元素


*


匹配所有元素


集合元素


$(“*”)选取所有元素


Selector1,Selector2, ……, SelectorN


将每一个选择器匹配到的元素合并后一起返回


集合元素


$(“div,span,p.myClass”)选取所有<div>,<span>和拥有class为myClass的<p>标签的一组元素


二、层次选择器:通过DOM元素之间的层次关系获取特定元素,如后代元素、子元素、相邻元素、兄弟元素等。层次选择器是一个很好的选择


表-层次选择器