一。简介
JQuery选择器完全继承了CSS和path语言的风格,可以通过标签名、属性名等方式来定位到页面DOM节点。
CSS选择器用来为元素节点添加层叠样式, JQ选择器用来为元素节点添加行为事件。
JQ支持所有CSS选择器(从1到3)。
二。基本选择器:
$("#id") $(".class") $("element") $("*") $("selector1,selector2,,,,,selectorN")
三。层次选择器(最重要最常用)
层次选择器通过页面DOM节点中的层级关系来定位到特定的DOM节点。
层级选择器 功能 返回值
$("ancestor descendant") 根据祖先元素sncestor 匹配所有的后代descendant元素 元素集合
$("parent > child") 选取parent元素下所有的child元素。注意:孙子及孙子下的 元素集合
所有元素都不会命中
$("prev + next") 选择prev元素后面紧跟的next兄弟元素 元素集合
$("prev ~ siblings") 匹配prev元素后面所有的siblings兄弟元素 元素集合
三。过滤选择器
this,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象,可以调用jQuery的方法和属性值。
四。表单选择器