jQuery查找节点(选择器)

Posted 风中之烛_清

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery查找节点(选择器)相关的知识,希望对你有一定的参考价值。

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的都被选择。

以上是关于jQuery查找节点(选择器)的主要内容,如果未能解决你的问题,请参考以下文章

JQuery 在嵌套元素上查找没有选择器的文本节点仅适用于 .contents() 和 filter()

JQuery选择器

jQuery选择器之id选择器

jQuery — 选择器

Jquery基础

JQuery的选择器