三 使用特性 屬性和資料

2021-08-08 16:21:58 字數 2553 閱讀 7745

本節內容:

其實attributeproperty這兩個單詞,翻譯出來都是「屬性」,《js高階程式設計》書中翻譯為「特性」和「屬性」,以示區別

簡單理解,attribute就是dom節點自帶的屬性,例如html中常用的idclasstitlealign等:

property是這個dom元素作為物件,其附加的內容,例如childnodesfirstchild等:

另外,常用的attribute,例如idclasstitle等,已經被作為property附加到dom物件上,可以和property一樣取值和賦值。但是自定義的attribute,就不會有這樣的特殊優待,例如:

id="div1"

class="divclass"

title="divtitle"

title1="divtitle1">100div>這個div裡面的title1就不會變成property

即,只要是dom標籤中出現的屬性(html**),都是attribute。然後有些常用特性(idclasstitle等),會被轉化為property。可以很形象的說,這些特性/屬性,是「腳踏兩隻船」的。

最後注意:「class」變成property之後叫做「classname」,因為「class」是ecma的關鍵字。以下**等價:

var classname = div1.classname;

var classname1 = div1.getattribute("class");

方法

描述attr(name)獲取匹配集合中第乙個元素的屬性值

attr(name, value)jquery物件中的所有屬性設定命名的屬性和值

attr(attribute)使用傳入的多個屬性和值來設定元素的對應屬性

removeattr(name)刪除指定的屬性,或者刪除所有匹配集合元素的屬性

方法描述

prop(name)獲取匹配集合中的的乙個元素的屬性值

prop(name, value)為jquery集合中的所有元素設定給定命名的屬性和值

prop(properties)通過給定的物件來為匹配集合中的每個元素設定特定的特性和值

removeprop(name)刪除jquery集合中每個元素的屬性

方法描述

data(name, value)使用jquery方法為集合中的所有元素新增傳遞的資料

data(object)為集合中的每個元素新增鍵-值對物件資料

data([name])使用指定的名稱來查詢儲存的資料或者html5 data-* 屬性。如果沒有指定名字,則會返回所有儲存的資料

removedata()使用指定的名稱刪除jquery物件中所有元素之前儲存的資料,引數可以是陣列。加空格的名稱,沒有引數,刪除所有

$.hasdata(element)確定元素是否包含相關的資料,引數是要檢查的dom元素

* data()方法不區分駝峰命名法的變數名字的大小寫,與虛線和橫線連線的名字一樣對待

* jquery也為jquery物件提供了工具方法,jquery.data()或者$.data()屬於低階別的方法,因為它是乙個dom元素操作,而不是jquery物件

* 用data()方法取值,會有很有趣的事情,與attr()相比,最主要的原因是data()先找***資料名,找不到再找data-***屬性。

$.data(document.getelementbyid('book'), 'price', 10)
本節學習了如何用jquery操作屬性和特性,以及如何在元素中儲存資料。更新或者刪除特性,資料和屬性是非常有用的,接下我們學習如何在頁面上操作dom元素,例如調整位置,新增或者刪除元素。

OC 屬性的三大特性

屬性的三大特性 1.讀寫特性.寫 setter方法 讀 getter方法 1 readwrite 可讀可寫 該屬性既會生成getter方法,也會生成setter方法.預設的讀寫特性.2 readonly 唯讀 該屬性只會生成getter方法,不會生成setter方法.3 setter 方法名 aa ...

資料值 列型別和資料字段屬性

資料值 數值型 字元型 日期型和空值等。資料列型別 2.1 數值類的資料列型別 2.2 字串類資料列型別 2.3 日期和時間型資料資料列型別 另外,也可以使用整形列型別儲存unix時間戳,代替日期和時間列型別,這是基於php的web專案中常見的方式。例如,圖書的發布時間,就 可以在建立books表的...

wpf 控制項的依賴屬性和資料繫結

今天我遇到乙個問題就是想動態的改變繫結的源,但是卻提示繫結裡面不能有繫結,我頓時無語了,剛接觸到wpf怎麼辦呢,我真的不知道了,後來為了響應事件的操作,我只好解繫結改變path的值後再繫結。之後也能調轉換器達到想要的結果 可是這樣卻出現了另外乙個問題就是 重新繫結listbox的資料來源的話會讓不能...