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");

<p id="p1">这是一个测试</p>
<p id="p2">
<a href="">百度</a>
<a href="">腾讯</a>
<a href="">淘宝</a>
</p>
<input type="checkbox"
9d69
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>