JQuery的幾個基礎操作

2022-01-30 01:45:30 字數 1298 閱讀 2534

1.$.map(array,function(element,index));

對於陣列array中的每個元素,呼叫上面所示的function(element,index)函式,最終返回乙個新的陣列。原陣列不變。

案例:

2.

each(array,fn)

遍歷陣列,return false來退出迴圈。

主要用來遍歷陣列,不修改陣列,對於普通陣列或者「鍵值對」陣列都沒有問題。

在each函式中可以直接使用this,表示當前元素的值。

案例:

var dic=;

$.each(dic,function(key,value));

1.

轉換

dom物件如果想呼叫jquery的方法必須先轉換為jquery物件。

2.dom物件

文件樹中的物件都是dom物件。

3.

jquery物件

把dom物件包裝後就得到了jquery物件。

4.

dom→jquery

如何將dom物件轉換為jquery物件?

$(spobj).get(0).innerhtml

$(spobj)[0].innerhtml

5.

直接通過jquery方式獲取頁面上的元素

$(『#id』)、$(『span』)、$(『.cls』)、……

通過jquery物件即可呼叫:.text()、val()、html()、css(『color』,』red』)、……。jquery中大多都是方法少有屬性,因為屬性很難鏈式程式設計。獲取值、設定值都是使用的同乙個方法,有引數表示設定值,無引數表示取值。

6.

哪些不需要轉jquery物件

陣列本身就不是dom物件。不存在與jquery物件之間的轉換。使用jquery語句可以直接使用陣列,就像$.each()或$.map();

補充:通過document.getelementsbytagname()或者document.getelementsbyname()獲取的返回值是乙個類似於陣列的值,但不是陣列,沒有陣列特有的方法。

parseint()\array這些是不需要轉換的。

jQuery 基礎 操作 jQuery 物件

操作 jquery 物件 檢查數量 父子鄰居關係 過濾元素的集合 遍歷 用 jquery 建立 html 元素 dom 物件 元素 與 jquery 物件 前者是瀏覽器的網頁頁面中渲染出來的元素,而後者是對一組 dom 元素的包裝。檢查 dom 物件 if obj.nodetype 檢查 jquer...

jQuery基礎 jQuery特殊屬性操作

1 index 會返回當前元素在所有兄弟元素裡面的索引。2 val方法用於設定和獲取表單元素的值,例如input textarea的值 設定值 name val 張三 獲取值 name val html方法相當於innerhtml text方法相當於innertext 設定內容 div html 這...

JQuery01 基礎操作

方法 描述val 獲取或者設定 輸入框的值 html 獲取或者設定元素的html內容 text 獲取或者設定元素的文字內容 方法描述 attr 設定或返回匹配元素的屬性和值。removeattr 從所有匹配的元素中移除指定的屬性。方法描述 css 訪問匹配元素的樣式屬性。addclass 向匹配的元...