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

Jquery选择器

时间:2017-12-10 16:57:36      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:css   选择   字体   示例   class   round   第一个   总结   层次选择器   

相信很多人都用过Jquery,我在开发中也常常用Jquey,几乎成了每天必不可少的一种框架,下面是我总结的集中Jquery的集中选择器

基本选择器示例

1)改变 id 为 one 的元素的背景色为 红色

$("#one").css("backgroundColor","red");

2)改变元素名为 <p> 的所有元素的背景色为 # bbffaa,字体颜色为红色

$("p").css({color:"red",backgroundColor:"#bbffaa"});

3)改变第一个<p>元素的背景色为红色

$("p").eq(0).css("backgroundColor","red");

4)改变所有<h1>元素和 id 为 one 的元素的背景色为

# bbffaa $("h1,#one").css("backgroundColor","#bbffaa");

层次选择器示例

改变 <body> 内所有 <div> 的背景色为 # bbffaa(后代元素,可以理解为子元素的子元素都可以设置)

$(“body div").css("backgroundColor","#bbffaa");

改变 <body> 内子 <div>元素 的背景色为 # bbffaa(子代元素,可以理解为只有子元素可以设置 )

$(“body>div").css("backgroundColor","#bbffaa");

改变 id 为 one 的下一个 <div> 的背景色为 # bbffaa

$("#one+div").css("backgroundColor","#bbffaa");

改变 id 为 two 的元素后面的所有兄弟<div>的元素的背景色为 # bbffaa

$("#two~div").css("backgroundColor","#bbffaa");

改变 id 为 two 的元素所有 <p> 兄弟元素的背景色为 # bbffaa

$("#two"). siblings("p").css("backgroundColor","#bbffaa");

 

Jquery选择器

标签:css   选择   字体   示例   class   round   第一个   总结   层次选择器   

原文地址:http://www.cnblogs.com/zhangzhiqin/p/8017092.html

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