jquery按属性获取元素

在网页开发中，我们经常需求依据元素的属性来获得指定的元素。在使用jQuery时，也可以通过元素属性来获得元素对象。

// 假设有一组元素
<ul>
<li id="item-1" class="item">第一项</li>
<li id="item-2" class="item">第二项</li>
<li id="item-3" class="item">第三项</li>
</ul>
// 获得id为item-1的元素
var item1 = $('#item-1');
// 获得class为item的元素
var items = $('.item');
// 获得属性data-value等于1的元素
var target = $('li[data-value="1"]');

在开发中，我们经常需求依据属性的值来获得元素对象。jQuery提供了很多选择器来迎合这种需求。

// 选择属性值以abc开头的元素
var target = $('li[data-value^="abc"]');
// 选择属性值含有abc的元素
var target = $('li[data-value*="abc"]');
// 选择属性值以abc结尾的元素
var target = $('li[data-value$="abc"]');
// 选择属性值等于abc的元素
var target = $('li[data-value="abc"]');

总之，通过元素属性来获得元素对象是非常普遍的操作。jQuery提供了很多方法和选择器来迎合我们的需求，只需求熟练掌握，就能更加方便地开发程序。