jQuery的标签元素选择器学会这些基本就行了------jQuery学习之路3

jQuery选择器

样式选择器$(".类名")

<div class="box1"></div>

$(".box1").css("backgroundColor","blue");

id选择器$("#id名")

<div id="box1"></div>

$("#box1").css("backgroundColor","blue");

标签选择器$(“标签名”)

<div></div>
<div></div>
<div></div>

$("div").css("backgroundColor","blue");//【注意】此时$("div")是一个数组包含3个div且全部背景颜色为蓝色

组合选择器$("#id名,.类名,标签名")

可以同时选择多个div对象，通过id，类名，标签名

<div class="box1"></div>
<div id="box2"></div>
<div></div>

$(".box1","#box2").css("backgroundColor","blue");//div标签下.box1的类属性的标签和#id的标签会被选中，第三个div不会被选中

表单选择器$(":type属性值")

可以通过input标签里面不同的type属性值，获取一个input对象数组

<input type="text">
<input type="password">
<input type="radio" name="sex">男
<input type="radio" name="sex">女
<input type="checkbox" >打球
<input type="checkbox" >运动
<input type="button" value="按钮">

var t = $(":text");//通过input的type=text获取对象
t[0].value = "text";