• <fieldset id="8imwq"><menu id="8imwq"></menu></fieldset>
  • <bdo id="8imwq"><input id="8imwq"></input></bdo>
    最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
    問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
    當前位置: 首頁 - 科技 - 知識百科 - 正文

    jQuery操作attr、prop、val()/text()/html()、class屬性

    來源:懂視網 責編:小采 時間:2020-11-27 21:56:20
    文檔

    jQuery操作attr、prop、val()/text()/html()、class屬性

    jQuery操作attr、prop、val()/text()/html()、class屬性:1.1 arr操作 設置單個屬性 // 第一個參數:需要設置的屬性名 // 第二個參數:對應的屬性值 // $obj.attr(name, value); // 用法舉例、 $('img').attr('alt','不錯哦'); 獲取屬性 // 傳需要獲取的屬性名稱,返回對應的屬性值 // $obj.att
    推薦度:
    導讀jQuery操作attr、prop、val()/text()/html()、class屬性:1.1 arr操作 設置單個屬性 // 第一個參數:需要設置的屬性名 // 第二個參數:對應的屬性值 // $obj.attr(name, value); // 用法舉例、 $('img').attr('alt','不錯哦'); 獲取屬性 // 傳需要獲取的屬性名稱,返回對應的屬性值 // $obj.att

    1.1 arr操作

      設置單個屬性

    // 第一個參數:需要設置的屬性名
    // 第二個參數:對應的屬性值
    // $obj.attr(name, value);
    // 用法舉例、
    $('img').attr('alt','不錯哦');

      獲取屬性

    // 傳需要獲取的屬性名稱,返回對應的屬性值
    // $obj.attr(name)
    // 用法舉例
    var oTitle = $('img').attr('title');
    alert(oTitle);

      移除屬性

    // 參數:需要移除的屬性名,
    // $obj.removeAttr(name);
    // 用法舉例
    $('img').removeAttr('title');

    2.prop操作

        在jQuery1.6之后支持,對于checked、selected、disabled這類boolean類型的屬性來說,不能用attr方法,只能用prop方法。

    // 設置屬性
    $(':checked').prop('checked',true);
    // 獲取屬性
    $(':checked').prop('checked');// 返回true或者false

    3.val()/text()/html()值操作

    $obj.val() 獲取或者設置表單元素的value屬性的值
    $obj.html() 對應innerHTML
    $obj.text() 對應innerText

    以上三個方法:不傳參數 表示獲取值; 傳遞一個參數值,表示設置

    4.class操作

        添加樣式類

    // name:需要添加的樣式類名,注意參數不要帶點.
    // $obj.addClass(name);
    // 例子,給所有的div添加one的樣式。
    $('div').addClass('one');

        移除樣式類

    // name:需要移除的樣式類名
    // $obj.removeClass('name');
    // 例子,移除div中one的樣式類名
    $('div').removeClass('one');

        判斷是否有某個樣式類

    // name:用于判斷的樣式類名,返回值為true false
    // $obj.hasClass(name)
    // 例子,判斷第一個div是否有one的樣式類
    $('div').hasClass('one');

        切換樣式類

    // name:需要切換的樣式類名,如果有,移除該樣式,如果沒有,添加該樣式。
    // $obj.toggleClass(name);
    // 例子
    $('div').toggleClass('one');

    5.隱式迭代(批量操作自動遍歷)

        1.設置操作的時候(綁定事件),如果是多個元素,那么給所有的元素設置相同的值。

        2.獲取操作的時候,如果是多個元素,那么只會返回第一個元素的值。

        3.如果想要獲取多個值,需要手動進行遍歷操作 

    總結

    以上所述是小編給大家介紹的jQuery操作attr、prop、val()/text()/html()、class屬性,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!

    聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文檔

    jQuery操作attr、prop、val()/text()/html()、class屬性

    jQuery操作attr、prop、val()/text()/html()、class屬性:1.1 arr操作 設置單個屬性 // 第一個參數:需要設置的屬性名 // 第二個參數:對應的屬性值 // $obj.attr(name, value); // 用法舉例、 $('img').attr('alt','不錯哦'); 獲取屬性 // 傳需要獲取的屬性名稱,返回對應的屬性值 // $obj.att
    推薦度:
    標簽: pro 屬性 //
    • 熱門焦點

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top
    主站蜘蛛池模板: 国产精品性爱| 亚洲精品卡2卡3卡4卡5卡区| 青草国产精品视频。| 久久国产乱子伦精品免费强| 在线观看91精品国产网站| 久久久久久青草大香综合精品| 99精品热这里只有精品| 一级做a爰黑人又硬又粗免费看51社区国产精品视 | 久草欧美精品在线观看| 国产99视频精品免费视频76| 久久综合九色综合精品| 99久久亚洲综合精品成人| 大伊香蕉精品视频在线导航| 久久精品国产久精国产思思| 中文字幕久久精品无码| 亚洲国产精品毛片av不卡在线| 国产精品夜色视频一级区 | 国产在线精品无码二区| 欧美精品videosse精子| 亚洲国产另类久久久精品小说| 日韩精品毛片| 欧美在线精品一区二区三区| 久久精品国产精品亚洲人人| 精品欧美一区二区在线看片| 国产这里有精品| 精品欧美一区二区三区久久久| 精品无人区无码乱码毛片国产 | 777被窝午夜精品影院| 999久久久国产精品| 国产成人精品视频2021| 国产精品亚洲视频| 天天爽夜夜爽夜夜爽精品视频 | 国产精品哟女在线观看| 国产精品视频九九九| 狠狠色伊人久久精品综合网 | aaa级精品久久久国产片| 91精品国产福利在线导航| 国产精品久久久久jk制服| 国产精品视频第一页| 精品国产乱码久久久久久浪潮| 国产精品理论片在线观看|