jQuery 理解選擇結果

2021-09-09 02:20:02 字數 1051 閱讀 7277

使用$函式選擇元素返回的是乙個物件,可以稱這個物件為jquery物件,在jquery執行一些操作的時候很多情況下都是返回的jquery物件。

jquery中常用處理結果集的方法和屬性

表示式例子說明

備註each(function)

$("form:input").each(

function(i)

遍歷結果集,彈出每個元素的id

i代表當前迴圈到的元素的序號;

this代表當前元素物件。

get(index)

$(".text").get(3)

獲得結果集中的第三個元素,並轉換為htmlelement物件

length

$("p").length

返回結果集長度

同size()方法

selector

$("ul li:gt(2)").selector

返回選擇器的表示式,

但並不是像超連結中介紹的返回字串,而是undefined

與結果集無關,不知作用。

size()

$("p").size()

返回結果集長度

同length屬性

toarray()

$("ul li").toarray()

返回結果集的htmlelement物件陣列格式

問題思考:

1)jquery物件怎麼得到普通htmlelement物件

答:get(index)、toarray()

2)怎麼由dom物件生成jquery物件

答:$(dom物件)

3)迭代處理jquery物件內含的dom物件

答:each(function)

4)舉例說明用jquery比js方便?  

答:1.修改多個元素

幾乎jquery物件的內部的所有方法都是直接修改內部含的全部元素

$("div").css('background','pink');

2.鏈式方法呼叫

呼叫乙個方法修改jquery內元素的內容,這個方法的返回結果依然是乙個jquery物件。

jQuery選擇器學習理解

jquery 使用的先決條件就是要選中元素。因此選擇器就是學習使用jquery的基礎。jquery選擇器的固定格式是 選擇條件 jquery的選擇器又可以分為元素選擇器 類選擇器 id選擇器。選擇器語法和css選擇器語法類似 元素選擇器 p 選擇所有的p元素,a 選擇所有的a元素。類選擇器 titl...

jquery奇偶選擇器 (一)jQuery選擇器

jquery 選擇器 jquery 元素選擇器和屬性選擇器允許您通過標籤名 屬性名或內容對 html 元素進行選擇。選擇器允許您對 html 元素組或單個元素進行操作。在 html dom 術語中 選擇器允許您對 dom 元素組或單個 dom 節點進行操作。jquery 元素選擇器 jquery 使...

jQuery元素選擇

1 查詢所有符合條件的元素 find 舉例 ul find li addclass tmpexample 查詢頁面中ul元素下的所有li元素,並為查詢到的li元素增加tmpexample樣式。2 查詢指定元素的兄弟節點 siblings 舉例 li tmpcarrot slblings addcla...