Jquery 属性选择器&设置元素属性

时间:2023-03-09 17:21:04
Jquery 属性选择器&设置元素属性

什么是属性选择器呢?感觉理解起来有点难,举个例子就很容易明白了,<div id="ajaxa"></div>这里的id就是属性,这下就很容易理解了,

jquery的属性选择器分以下几种用法。

$("div[id]")                查找所有含有 id 属性的div元素。
$("div[id='ajaxa']")        查找 id 为 ajaxa 的 div 元素。
$("div[id!='ajaxa']")       查找 id 不为 ajaxa 的 div 元素。
$("div[id^='ajaxa']")       查找 id 以 ajaxa 开头的 div 元素。
$("div[id$='ajaxa']")       查找 id 以 ajaxa 结尾的 div 元素。
$("div[id*='ajaxa']")       查找 id 含 ajaxa 的 div 元素。
$("div[id^='ajaxa']")       查找 id 以 ajaxa 开头的 div 元素。
$("div[id][class='ajaxa']") 查找存在id属性并且类为ajaxa的 div 元素。

还可以通过attr ()方法获得/设置属性

获得属性:$("#demo").attr(“href”);

设置属性:$("#demo").attr("href","http://www.cnblog.com/xiaoliwang");

可以同时设置多个属性:$("#demo").attr({

  "href":"http://www.cnblog.com/xiaoliwang"

  "myAttr":"自定义属性"

})