AngularJS中的jQuery

jqLite：向jQuery致敬

    在DOM操作方面，沒有人比jQuery做的更好。AngularJS以一種特殊的方式 向jQuery表達了敬意：內建精簡版的jQuery - jqLite。    和jQuery一樣，jqLite相容多個瀏覽器。    **jqLite**以`angular.element`介面提供出來，相容jQuery API的一個子集。 在AngularJS的所有API中的element對象，都不是純粹的DOM對象，而是經過jqLite 封裝過的。

選擇符的問題

從開發人員的角度，jqLite最明顯的精簡是不支援選擇符。你只能向 angular.element傳入一個DOM對象。看起來AngularJS將這部分功能讓位給瀏覽器 原生的支援了，我們可以先使用瀏覽器的querySelector獲得一個DOM對象：

var tpl = document.querySelector('#clock');angular.element(tpl).text(...);

jQuery庫的相容性

如果某種原因你不願意使用jqLite，也可以在AngularJS之前引入jQuery庫。 AngularJS自動地將jqLite升級成jQuery，angular.element等同於 $ 。 這樣又可以使用熟悉的選擇符了。

擴充的方法

jqLite包括一些額外的方法以適應AngularJS架構：

controller(name) - 獲得元素對應的控制器對象

injector() - 獲得元素對應的注入器對象

scope() - 獲得元素對應的範圍對象

isolateScope() - 獲得元素對應的隔離範圍對象，如果有的話。

inheritedData() - 和data()一樣，但如果當前元素沒有指定的資料，會向上級 節點繼續找。

擴充的事件

jqLite還提供一個$destroy事件，當DOM對象被從DOM樹刪除時，AngularJS將觸發 這個事件，以便指令進行一些善後清理工作。

本文轉自：http://www.hubwiz.com/class/54f3ba65e564e50cfccbad4b