国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 擴展 > jQuery > 正文

Jquery下attr和removeAttr的使用方法

2024-09-06 20:04:39
字體:
來源:轉載
供稿:網友

jquery提供一種操作DOM元素屬性的方法: attr(修改和增加DOM元素的屬性) 和 removeAttr(移除屬性)。
下面我們來具體看一下attr的用法:
一、attr(name):取得第一個匹配元素的屬性值。通過這個方法可以方便地從第一個匹配元素中獲取一個屬性的值。如果元素沒有相應屬性,則返回 undefined 。其中name為string.下面我用一個img元素演示一下這種用法:
復制代碼 代碼如下:
//html文件中 <img src="a.gif" />
//我們可以用attr獲得img元素的src屬性,具體用法如下:
$(function(){
var imgSrc = $("img").attr('src');
alert(imgSrc); //顯示 a.gif
})

二、attr(key,value):為所有匹配的元素設置一個屬性值。key為string屬性名,value為object屬性值,用法演示:
復制代碼 代碼如下:
//html文件中 <img />
//使用此方法設置img的src屬性
$(function(){
$("img").attr('src', 'a.gif'); //文件中顯示 <img src="a.gif" />
})

三、attr(properties):這是一種在所有匹配元素中批量設置很多屬性的最佳方式。 注意,如果你要設置對象的class屬性,你必須使用'className' 作為屬性名。或者你可以直接使用.addClass( class ) 和 .removeClass( class ).
復制代碼 代碼如下:
//文件中 <img />
$(function(){
$("img").attr({src:'a.gif', title:'this is a image', className: 'filter'});
})
// 顯示為<img src="a.gif" title="this is a image" class="filter">

四、attr(key, fn):為所有匹配的元素設置一個計算的屬性值。不提供值,而是提供一個函數,由這個函數計算的值作為屬性值。
復制代碼 代碼如下:
//文件中 <img src="a.gif" />
$(function(){
$("img").attr('title', function(){ return this.src }); //顯示 <img src="a.gif" title="a.gif" />
})

以上介紹的是attr的一些用法,下面是removeAttr的用法 remove故明思意就是移除的意思,從每一個匹配的元素中刪除一個屬性。它的具體用法就是:
復制代碼 代碼如下:
//文檔中 <img src="a.gif" title="this is a image" ?>
$(function(){
$("img").removeAttr('title'); //顯示 <img src="a.gif" />
})

以上介紹了attr和removeAttr的基本用法,在實際的工作中還會遇到一些更為復雜的應用,這就需要我們掌握基本用法的同時,多多總結和嘗試其他用法。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 孝昌县| 正定县| 南木林县| 武乡县| 九台市| 平潭县| 开江县| 漯河市| 科技| 通渭县| 镇赉县| 勃利县| 盱眙县| 玉山县| 沽源县| 石渠县| 英德市| 彭泽县| 马公市| 兴业县| 开江县| 登封市| 高安市| 云南省| 凌海市| 凤凰县| 河间市| 赣榆县| 阳新县| 南雄市| 东丽区| 桃园县| 托里县| 和田县| 滨州市| 石楼县| 瑞金市| 长垣县| 漯河市| 大田县| 建湖县|