首页 > Web开发 > 详细

JQuery选择器

时间:2015-05-31 13:40:53      阅读:295      评论:0      收藏:0      [点我收藏+]

几种常用的JQuery选择器:标签选择器、ID选择器、类选择器、群组选择器、后代选择器、通配选择器等

1.标签选择器

$("div").css("background","#eee");//改变所有<div>标签的背景色

 

2.id选择器

$("#one").css("background","#eee");//改变id为one元素的背景色

 

3.类选择器

$(".one").css("background","#eee");//改变类为one元素的背景色

 

4.群组选择器

$(".book-one, .book-two, #header p").css("background","#eee");//使用逗号分隔,同时选取多种类型的元素

$(".book.inactive").css("display","none");//选取同时具有book类和inactive类的元素

 

5.后代选择器

$("ul li").css("border","1px solid #eee");//选取所有ul标签内的所有li 标签,为他们添加边框样式

$("body>p").css("display","none");//选取body元素内的所有直接子元素p

 

6.通配选择器

$("*").css("border","1px solid #eee");//选取页面中的所有元素,设置边框样式

JQuery选择器

原文:http://www.cnblogs.com/srxhmxx/p/4541779.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!