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

JQuery选择器

时间:2015-05-31 13:42:45      阅读:119      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!