欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery查找节点(选择器)

程序员文章站 2022-06-22 12:43:46
jQuery通过选择器来完成节点的查找: 1、基本选择器: ①通用/所有的选择器:$("*") //使用*号来表示。 ②:标签选择器:$("标签名(div)")//使用标签名字来定位 ③:id选择器:$("#id") ④:类选择器:$(".class") ⑤:群组选择器(并集):$("table,t ......

jQuery通过选择器来完成节点的查找:

     1、基本选择器:

          ①通用/所有的选择器:$("*") //使用*号来表示。

          ②:标签选择器:$("标签名(div)")//使用标签名字来定位

          ③:id选择器:$("#id")

         ④:类选择器:$(".class")

         ⑤:群组选择器(并集):$("table,td")//所有的table和td都被选择

         ⑥:组合选择器(交集):$("p.c1")//标签为p而且他的class属性为c1.

    2、层次选择器:

           ①:后代选择器(空格):$("div  span")// 在div下的所有span标签(子孙...后代)都被选择。

                                                 $("div *")//div下所有标签

           ②:子代选择器:$("div>span")//标签span为div标签的儿子(只能为子代,孙子辈之后都不行)

                                     $("div>")//div标签的所有子代都可以被选择

      3、兄弟选择器:

          ①:$("div+")//下一个兄弟(只选择div标签的下一个兄弟标签)

                 $("div+div")//选择div标签下一个兄弟标签为div的。

          ②:$("div~")//div标签之后的所有兄弟标签

                  $("div~p") // div标签之后的所有兄弟标签为p的都被选择。