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>