jquery物件的使用

2021-10-24 19:46:25 字數 1265 閱讀 2017

jquery物件是包含所有匹配的任意多個dom元素的偽陣列物件

(1)基本行為:

**實踐

body部分:

測試一<

/button>

測試二<

/button>

"btn3"

>測試三<

/button>

測試四<

/button>

// 需求:(1)統計一共多少個按鈕

var $buttons=$(

'button');

console.

log($buttons.

size()

,$buttons.length)

;//* (2)取出第2個button的文字

console.

log($buttons[1]

.innerhtml,$buttons.

get(1)

.innerhtml)

;//* (3)輸出所有button標籤的文字

$buttons.

each

(function

(index,domele)

)$buttons.

each

(function()

)//* (4)輸出測試三按鈕是所有按鈕中的第幾個

console.

log($(

'#btn3').

index()

);

實現效果如下:

補充:偽陣列:必須是乙個object對像

案例如下:

//自定義乙個偽陣列

var weiarr=

; weiarr.length=0;

weiarr[0]

='atguigu'

; weiarr.length=1;

weiarr[1]

=123

; weiarr.length=2;

for(

var i=

0;i) console.

log(weiarr.foreach,$buttons.foreach)

//undefined,undefined

返回結果為undefined,undefine

事件物件的使用 jQuery

事件中的event物件容易被初學者忽略掉,可能大多時候初學者不知道怎麼去用它,但有些時候它還是非常有用的 乙個標準的 click 點選事件 elem on click function event 在不同瀏覽器之間事件物件的獲取,以及事件物件的屬性都有差異。jquery根據 w3c 標準規範了事件物...

Jquery物件 jquery與dom物件的區別

最近工作有很多判斷的 用到了jquery與dom物件的地方比較多,寫在這裡加強下基本概念 1.判斷是否存在時候,要用dom物件,因為jquery在獲得物件的時候,無論要獲得的物件是否存在,都會返回jquery物件 2.jquery物件與dom物件的轉換 jquery物件就是通過jquery包裝dom...

使用 jquery獲取canvas物件報錯

使用原生js獲取canvas物件 var cas document.getelementbyid canvas getcontext 2d 沒問題通常的寫法,使用jquery獲取canvas物件 document ready function 正確的寫法 var cas canvas 0 getco...