html运用id实例,Jquery选择器通过class名获取ID实例分享

本文主要和大家分享Jquery选择器通过class名获取ID实例，希望能帮助到大家。

通过class名获取

按 class 查找注意在 class 名称前加一个.：var a = $('.red'); // 所有节点包含 `class="red"` 都将返回

// 例如:

//

...

//

...

查找同时包含多个class名的对象,如同时包含”car”和“ bus”var a = $('.car.bus'); // 注意没有空格！

// 符合条件的节点：

//

...

//

...

通过p的class名获取该p的ID

有时候我们只知道p的class名中包含其中一个姓名，想获取它的id.$(".tab-pane.active").attr("id")

// 符合条件的结果：

one

//

...

通过p的ID名获取该p的class$(".tab-pane.active").attr("id")

$("p #hrefMenu0").attr("class")

// 符合条件的结果：

tab-pane bus active

//

...

通过p的class名获取该p下的子集节点的ID$(".tab-pane.active").children().attr("id")// 获取到以下两个id:content，page

通过p的class名获取该p下的同级节点的ID$(".tab-pane.active").next().attr("id")// 获取到以下id:content

相关推荐：