Jquery选择器

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

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