jQuery整體感知

2021-10-01 19:17:26 字數 736 閱讀 1433

1:選擇問題輕鬆解決

$()函式就是核心函式,query就是選擇的意思,也就是說jquery的核心招牌功能就是選擇元素:

$("#box ull li.haha span").css(「background-color」,「red」);

語法: $(「選擇器」)

選擇的就是所有符合條件的元素,而不是乙個。

$可以用jquery來代替, $和jquery是同乙個函式:

jquery("#box ull li.haha span"").css(「background-color」,「red」);以後就和document.getelmentbyid()無緣了。jquery選擇的元素,所有瀏覽器相容。

2:樣式問題輕鬆解決

得到樣式(得到計算後樣式)

$(』.box』).css(『width』);

通過 $()函式選擇出來的東西,都是jquery物件,所有的jquery物件,都可以繼續打點呼叫css函式,css函式已經封閉了計算後樣式。

設定樣式:

$(』.box』).css();

3:動畫的問題輕鬆解決

jquery內部含有乙個運動框架。

$(』.box』).animate(,1000,function())

4:批量新增監聽、節點關係

所有的li都有監聽了

$(』.circles ol li』).mouseenter(function());

siblings()表示兄弟節點。

jQuery整體架構

function global,factory typeof window undefined window this,function window,noglobal jquery.fn jquery.prototype 核心方法 系統 非同步佇列 資料快取 佇列操作 選擇器引 屬性操作 節點遍歷...

jquery原始碼 整體架構

對外提供了jquery。可以通過jquery或者 來找到jquery function window,undefined window.jquery window.jquery 對外介面 window jquery本身是乙個建構函式,包括了很多靜態方法 工具方法 和例項方法。靜態方法更底層。func...

jQuery 2 0 3 整體架構

示例 var jquery function jquery.fn jquery.prototype name function age 20 原型傳遞 jquery.fn.init.prototype jquery.fn 因為是引用傳遞,所以不用擔心迴圈引用的效能問題。示例 jquery.proto...