码迷,mamicode.com
首页 > Web开发 > 详细

jquery选择器总结

时间:2014-06-26 17:08:48      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   code   color   使用   

今天项目中使用到了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

 

 

 

jquery选择器总结,布布扣,bubuko.com

jquery选择器总结

标签:style   class   blog   code   color   使用   

原文地址:http://www.cnblogs.com/fsh1542115262/p/3808709.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!