相信很多人都用过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");