Jquery小點滴 獲取元素 一

2021-08-31 08:38:11 字數 791 閱讀 7695

jquery獲取元素的形式很多。而且很靈活。

例子**

hello a

hello b

hello c

hello d

1. 根據id獲取元素, 使用#來告訴jquery以id獲取元素。這裡會返回單一元素

如,把拿出來

var obj = $("#a");

alert(obj.html());

var obj = $("#d");

alert(obj.html());

2. 根據使用css類來找元素, 返回的是乙個元素陣列。直接在元素選擇器裡把css的名字放進去就行。

如, 把所有使用red類的元素找出來。

var obj = $(".red");

這裡會回來2個元素。

hello a

hello c

alert(obj[0].html());

alert(obj[1].html());

如果class在整個頁面都使用到,而又不想拿太多的元素回來,那這麼辦呢?

jquery提供了filter(過濾器)。

例子**:

hello world a

hello world b

hello world c

這裡先介紹其中一種filter。

以上**,會找到2個元素。

hello world a

hello world b

而hello world c是不會在被選擇之列。因為它不再

裡。

Jquery小點滴 獲取元素 一

jquery獲取元素的形式很多。而且很靈活。例子 hello a hello b hello c hello d 1.根據id獲取元素,使用 來告訴jquery以id獲取元素。這裡會返回單一元素 如,把拿出來 var obj a alert obj.html var obj d alert obj....

Jquery小點滴 元素陣列的迴圈 each

有時候通過元素選擇器 獲得超過乙個以上的元素,應該如何處理呢。元素選擇器傳回來的是乙個陣列,如果想對每乙個元素處理,可以使用each。1 2 34 這個例子是通過使用的css class來尋找所需要的元素。例子裡,元素選擇器把所有使用css classa的所有元素找出來。其中index是第乙個引數,...

Jquery小點滴 獲得LEFT和TOP

在編寫網頁的時候,經常要移動元素位置,jquery特別提供了乙個獲取left和top的方法offset offset返回的是乙個物件。含有2個屬性。乙個是left,乙個是top.這2個屬性都是以pixel為單位。返回的是元素在網頁裡的真實位置。呼叫方法 offset left offset top ...