首页 > 代码库 > jquery选择器总结

jquery选择器总结

今天项目中使用到了jQuery的选择器,在这里总结一下jQuery的选择器的内容。

个人认为jQuery选择器通用的有几种,id选择器,#;类选择器以“.”开始。以及根据标签类型选择则无需加上任何符号。$("#id"),$(".class"),$("input")。

一:jQuery除了这三个基本的选择器外,还附带了一些方法,方便我们做选择。

1、得到该标签的所有父标签 parents()。

2、得到该标签直接父类标签 parent()。

3、得到该标签的所有兄弟标签 siblings()。

$(radioId).parent("label").css("border-color","#0067c3");    $(radioId).siblings("em").addClass("True_bluebtn");

 

 如上所示,在使用以上方法时,还可以结合jQuery基本的三种选择器做进一步的选择。得到目标标签的引用。

二:radio的选择

当radio单选框选中时的选择器写法如下:

$(‘input[name="jobNature"]‘).filter(‘:checked‘);——选择name为jobNature的被选中的radio