03-對JQuery對象的屬性,特性以及資料的操作

來源:互聯網
上載者:User

標籤:樣式   類型   修改   demo   jquery   width   code   bool   傳回值   

  • 對JQuery對象的屬性,特性以及資料的操作:
    • 特性(attributes)和屬性(properties):
      • 特性的值是字串。
      • 屬性的值不光為字串,而且可以為布爾值,對象,數字。
      • 元素的屬性和特性有動態連結,如果特性在dom對象中存在,其中一個發生變化,另一個也會變化
      • 如果特性是本來就在dom對象中存在,但是類型為boolean,那麼特性和屬性將不會同步。
      • 如果attributes不是dom對象內建的屬性,attributes和properties的值不會同步。
    • 操作元素的特性:
      • 擷取特性的值:attr(name)
      • 設定特性的值:attr(name,value) attr(attributes)
      • 刪除特性:removeAttr(); 刪除多個特性中間加空格。
    • 操作元素的屬性:
      • 擷取屬性的值:prop(name)
      • 設定屬性的值:prop(name,value)  prop(properties) 
      • 特性不區分大小寫,屬性區分
      • 刪除屬性:removeProp();
    • 在元素中儲存資料:
      • 擷取資料的值:data([name])
      • 設定資料的值:data(name,value) data(object);
      • 刪除資料:removeData([name]);
      • 判斷元素是否這個資料:hasData(‘ele‘);
  • 修改JQuery對象的樣式和內容:
    • 添加或修改class:addClass(name);
    • 移除類:removeClass(name);
    • 以上方法可以定義函數,不過傳回值需要有一個或多個類名。
     
$(‘#demo‘).addClass(function(index,className){          return ‘red‘;     })

 

    • 判斷是否有某個類:hasClass(name);
    • 切換某個類,有就刪除,沒有就添加:toggleClass(name);
    • 擷取或設定style (用橫杠寫屬性需要加引號,駝峰則不用):css(name,value);
    • 設定不包含邊框和內邊距寬和高:width()和height(); 
    • 設定包含內邊距的高:innerHeight();
    • 設定包含內邊距和邊框的高,可以設定值為true的話包含外邊距:outerHeight();
    • 返回對象集合中的一個元素,返回兩個值,左側和頂部的距離:offset();
    • 返回匹配元素相對於父元素的位置(位移):position();
    • 設定捲軸:scrollTop()和scrollLeft();
    • 設定內容:html()設定html的值,只擷取集合的的一個,text()設定文本,集合擷取全部值。

03-對JQuery對象的屬性,特性以及資料的操作

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.