標籤:樣式 類型 修改 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對象的屬性,特性以及資料的操作