JQuery选择器学习总结（一）

1.所有元素：$(“*”)

$("*").css("color","red");

2.ID选择器：$(“#id”)

$("#p1").css("color","red");

3.name选择器：$(“[name=’名字’]”)

$("[name='sprots']").attr("checked","checked");

4.类选择器：$(“.class”)

$(".font").css("color","orange");

5.类合成选择器：$(“.class1.class2···”)

$(".f1.f2").css("background-color","pink");

html代码：

<p id="p1">这是一个测试</p>   <p id="p2">      <a href="">百度</a>      <a href="">腾讯</a>      <a href="">淘宝</a>   </p>   <input type="checkbox" name="sprots" value="篮球"/>篮球   <input type="checkbox" name="sprots" value="游泳" />游泳   <input type="checkbox" name="sprots" value="足球" />足球   <input type="checkbox" name="sprots" value="排球" />排球   <ol class="font">       <li>JAVA集成</li>       <li>数据库</li>   </ol>      <ul class="font">       <li>绣春刀2</li>       <li>战狼2</li>   </ul>   <p class="f1">HelloWorld</p>   <p class="f2">HelloWorld</p>   <p class="f1 f2">HelloWorld</p>