jQuery學習記錄

jQuery學習記錄

jQuery選擇什麼版本 1.x? 2.x? 3.x?

【深入淺出jQuery】源碼淺析--整體架構

【深入淺出jQuery】源碼淺析2--奇技淫巧

看了這個才發現jQuery源代碼不是那麼晦澀

Jquery源碼中的Javascript基礎知識（一）

Jquery源碼中的Javascript基礎知識（二）

Jquery源碼中的Javascript基礎知識（三）

Jquery源碼中的Javascript基礎知識（四）— jQuery.fn.init方法

jquery插件開發規範

jQuery插件編寫

jquery插件開發三種方法

Jquery遮罩插件，想罩哪就罩哪！

jQuery1.9及以上版本檢測IE版本号

jQuery-tmpl基于jQuery簡單實用的模闆引擎

一、.click , .bind , .on 的差別

1、.click 為元素綁定click事件；

2、.bind 為元素綁定特定事件（如：click），可同時綁定多個事件；綁定單個事件時（如：click），其簡寫同（.click）；

　　但不可以為還不存在的元素綁定事件；對應方法：unbind

3、.on 為元素綁定特定事件（如：click） ， 可為其子元素同時綁定事件；可為不存在後來又通過JS動态加入的元素綁定事件。

　　對應方法： off

二、jQuery.proxy -  綁定 this

jQuery proxy詳解

 三、jQuery函數的傳回值

看上面這三段代碼，可以了解$(...)傳回的是一個 jQuery.fn.init 對象，jQuery.fn.init 是一個構造函數，其原型就是 jQuery.fn。

再看看 jQuery.fn 的定義（精簡代碼）

可以看到這是一個類似數組的對象，是以 $(...) 得到的是一個類數組對象，而不是真正的數組，用 Array.isArray 很容易檢查出來。

它作為原型，提供了 each 和 map 等方法。

如果要把它變成真正的數組，需要調用其 toArray() 方法。

jquery傳回的不是該元素本身，比如：$("#postFeedback")[0]，才是該元素本身

詳情