jquery 选择元素

元素选择器

根据页面中的元素标签名称来选择指定元素。

 <div></div>
 var div = $("div");

id 选择器

根据页面中的的 id 选择指定 id 的一个元素。

<div id="div3">div3</div>
var div3 = $('#div3');

class 选择器

根据页面中的 class 选择指定 class 的元素。

<div class="div6">div6</div> 
<div class="div6">div6</div> 
<div class="div6">div6</div> 
var div6 = $('.div6');

属性选择器

根据页面中的元素的属性或者属性值选择指定元素

<input type="checkbox" name="one" value="爱来云1" /> 
<input type="checkbox" name="one" value="爱来云2" /> 
<input type="checkbox" name="two" value="爱来云3" />
<div title="abc">111</div>
<div title="abc">222</div>
var one = $("input[name='one']");
var two = $("input[name='two']");
var title = $("div [title]");

其他选择器

• 表单选择器

选择所有选中的被选中元素比如说单选框、复选框中选择用户选中或者禁用的元素。

<input type="checkbox" name="one" checked="checked" value="1" /> 
<input name="email" disabled="disabled" />
$("input:checked");
$("input:disabled");
//下拉菜单
<select>
<option value="1">111</option>
<option value="2" selected="selected">222</option>
<option value="3">333</option> 
</select>
$("select option:selected");

• 组合选择器

这里说的组合选择器很简单，其实和 css 选择其中的子选择器、兄弟选择器、多元素选 择器差不多。

<div>div</div> 
<span>span</span>
<h6 class="title">title</h6> 
$("div,span,h6.title");