jQuery原理 jQuery入口函式

2021-10-07 12:30:11 字數 3634 閱讀 6606

傳入 『』 null undefined nan 0 false

會返回乙個空的jquery物件給我們

;傳入html片段

會將建立好的dom元素儲存到jquery物件中返回

傳入選擇器

會將找到的所有元素儲存到jquery物件中返回

;傳入陣列

會將陣列中儲存的元素依次儲存到jquery物件中立返回

);傳入偽陣列

會將陣列中儲存的元素依次儲存到jquery物件中立返回

);傳入物件

會將傳入的物件儲存到jquery物件中返回

傳入dom元素

會將傳入的dom元素儲存到jquery物件中返回

);傳入基本資料型別

會將傳入的基本資料型別儲存到jquery物件中返回

;總結

2.字串:

3.陣列:

4.除上述型別以外的:

if

(!selector)

判斷是否是選擇器

else

if(njquery.

isstring

(selector)

) // 3.給jquery物件新增length屬性

this.length = temp.children.length;

*/.push.

(this

, temp.children)

;// 此時此刻的this是njquery物件

// 4.返回加工好的this(jquery)

// return this;

}// 2.2判斷是否是選擇器

else

}

碰到自定義的陣列時,都要先把偽陣列轉換為真陣列,然後再將真陣列轉換為偽陣列

偽陣列轉換真陣列

else

if(njquery.

isarray

(selector)

) // 3.2偽陣列

else

*/// 將自定義的偽陣列轉換為真陣列

var arr =

.slice.

call

(selector)

;// 將真陣列轉換為偽陣列

.push.

(this

, arr)

;// return this;

}

else

return

this

;

用於將乙個或多個物件的內容合併到目標物件

jquery.fn.extend = jquery.prototype.extend

window.

onload

=function

(ev)

//ie8不支援,可以用attached

document.

addeventlistener

("domcontentloaded"

,function()

);

onreadystatechange事件就是專門用於監聽document.readystate屬性的改變的

document.

attachevent

("onreadystatechange"

,function()});

JQuery 工作原理

jquery最重要的作用就是查詢dom節點,比瀏覽器原生的查詢方式更加優雅,比如html中的一張 兩種查詢方式比較 原生介面 var image document.getelementbyid img jquery 方法 var jqimgae img 在jquery原始碼中,jquery 的實現方...

jQuery實現原理

本文講述的是怎樣在不使用js原生和jquery提供的api,實現和jquery一樣的效果。舉例 addclass 新增類名 複製 第一步 獲取物件 如果我們要給第二個li加類名 var litag document.queryselector ul li nth child 2 複製 第二步 給這個...

jQuery原理簡析

jquery原理簡析 function selector,context function jquery selector,context if typeof selector function 我們想要 selector 時就獲得乙個元素,且裡面有一些方法。這些方法要繫結在原型prototype上...