重慶分公司,新征程啟航
為企業提供網站建設、域名注冊、服務器等服務
為企業提供網站建設、域名注冊、服務器等服務
jQuery中,針對標簽屬性的操作都是使用attr()方法來實現的,比如:$("a").attr("onclick")可獲得a標簽的onclick屬性,對應的:
創新互聯提供高防服務器、云服務器、香港服務器、多線服務器托管等
增加事件
$(選擇器).attr(屬性名) 它的作用就是獲取指定元素( $(選擇器)部分 )的指定屬性的值
如
設置onclick屬性:$("a").attr("onclick","test();");
刪除事件
$(selector).removeAttr(attribute)
例
刪除onclick屬性:$("a").removeAttr("onclick");
注意:
jquery 1.6之前的版本并不支持attr()方法對標簽onclick屬性的相關操作!
換句話說要使用attr()方法操作標簽中的onclick屬性必須使用jq庫1.6或更新的庫版本!
var?anElement?=?$("#someElement");anElement.attr("anyAttribute","anyValue");//?這段代碼可以給ID為someElement的元素增加屬性anyAttribute?屬性值為anyValue//?屬性名字隨便寫都可以?想寫什么都行?如果屬性名字存在會修改里面的值?否則就新加屬性
jquery操作html標簽的方法非常多,小編在這里總結一下。
首先,引入jquery,jquery下載地址在文章末尾的相關鏈接給出,這是運用jquery的第一步,也是必不可少的一步!
代碼如下:
head
script src="jquery.js"/script
/head
當然,你也可以不下載,直接引用。
代碼如下:
head
script src="/jquery/1.8.0/jquery.min.js"/script
/head
注意jquery的版本,及時更新。
接下來介紹jquery的第一種操作html標簽的方法。
1.操作已經存在的html標簽的屬性!
這就需要用到一個非常強大的函數attr()
函數寫法:
var ss=$("HTML標簽的ID").attr("想要獲得的屬性");
這樣準確ID的HTML標簽的指定屬性的值就會賦給變量ss。
例如:var ss=$("#id").attr("value");
當然還可以給準確ID的HTML標簽的指定屬性賦值。
函數寫法:
$("HTML標簽的ID").attr("想要改變的屬性","改變的值");
例如:$("#id").attr("class","aaa");
這樣可以將ID為"id"的HTML標簽的class改為aaa.
利用這個函數更改HTML標簽的類或ID,配合樣式表可以做出非常炫的動態效果!
貼上樣例圖:
2.jquery向指定位置添加不存在的HTML標簽!
這次需要的函數是append()或appendto()
有很多人搞不起這兩個函數的區別,稍后會講明。
函數寫法:
$("HTML標簽的ID").append("完整的HTML標簽");
例如:$("#id").append("input type='text' value=' ' id='aa' /");
HTML標簽的ID是為了定位添加的HTML標簽,添加的HTML標簽將會出現于指定ID標簽的后面!注意控制排版!
貼上樣例圖:
接下來介紹appendto()的用法以及它和append()的區別!
函數寫法:
$("完整的HTML標簽").appendto("HTML標簽的ID");
例如:$("input type='text' value=' ' id='aa' /").append("#id");
這樣也可以達到與append()的相同效果,至于區別,也許你已經發現了,區別就是前后兩個括號的內容反過來了,先填寫HTML標簽,再寫指定元素ID。
但是即使這樣寫,添加的HTML標簽仍會出現于指定ID標簽的后面!
這個就不貼樣例圖了。
操作HTML的函數還有很多,比如圖中提到的CSS()。
這是操作指定屬性的。用attr()也可以做到,所以就不再介紹。
這里貼上一張jquery操作HTML的方法匯總圖。
1.先選中你要操作的標簽
比如:$("#id")
2.刪除你要改變的屬性名
比如:$("#id").removeAttr("src")
3.添加屬性名
比如:$("#id").attr("src1")
attr方法可用2113來獲取或設置屬性5261,根據參數4102個數的不同來定時獲取還1653是設置內,當只有1個參數時容表示獲取屬性值,當有2個參數時表示設置元素屬性。
例如將圖片的寬度設置成150:
$("img").attr("width","150");
//參數有width和150,所以是設置
例如獲取圖片的寬度:
$("img").attr("width");
//參數只有width,所以此時是獲取