日韩亚洲欧美中文高清,国产亚洲精品精品精品

首頁(yè) > 博客列表 > jQuery對(duì)attr()屬性與自定義屬性的操作

博主信息

博文 61

粉絲 0

評(píng)論 0

訪問(wèn)量 73718

專題推薦

更多>

相關(guān)推薦

熱門教程

更多>

相關(guān)教程

實(shí)例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery對(duì)attr()屬性與自定義屬性的操作</title>
</head>
<body>
<img src="img9.jpg" alt="致青春" width="200px" height="200px" data="校園美女" id="pic">
</body>
<script src="../jquery/jquery-3.2.1.min.js"></script>
<script>
    //    1.attr()傳入一個(gè)參數(shù)，表示獲取元素屬性，相當(dāng)于讀取器getter
    //    2.attr()傳入二個(gè)參數(shù)，表示設(shè)置元素屬性，相當(dāng)于設(shè)置器setter
    //    3.attr()獲取元素的自定義屬性
    //    4.刪除元素屬性：removeAttr()
    //      5.attr()動(dòng)態(tài)設(shè)置元素屬性
    var at = $('img').attr('width')
    //        attr(),第二個(gè)參數(shù)支持回調(diào)函數(shù)
    //    $('#pic').attr('width',function () {
    //        return 200+1000
    //    })
    var at = $('img').attr('src')
    var at = $('img').attr('src', 'img7.jpg')
    var at = $('img').attr('data')
    var at = $('img').removeAttr('data')
    var at = $('img').attr('style', 'border-radius:50%;box-shadow:2px 2px 2px #888')
    var at = $('img').removeAttr('alt style')
    console.log(at)
</script>
</html>

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例

總結(jié)：

1.attr()傳入一個(gè)參數(shù)，表示獲取元素屬性，相當(dāng)于讀取器getter
2.attr()傳入二個(gè)參數(shù)，表示設(shè)置元素屬性，相當(dāng)于設(shè)置器setter
3.attr()獲取元素的自定義屬性
4.刪除元素屬性：removeAttr()

5.attr()動(dòng)態(tài)設(shè)置元素屬性

批改狀態(tài)：未批改

老師批語(yǔ)：