jQuery 技術解密(七)

2021-07-08 08:58:37 字數 576 閱讀 2036

在 jquery.fn.init() 構造器中,通過呼叫 jquery(context).find(selector) 函式來解析並匹配 dom 元素。jquery.find() 函式實際上是引用 sizzle() 函式,而 sizzle() 函式僅是 sizzle 引擎的構造器,它主要呼叫 sizzle.find() 函式在 dom 文件樹中查詢與 css 語法相匹配 dom 的元素節點的集合。jquery 名字中 query 的意義就體現在這裡。下面我們來分析一下 sizzle 構造器函式。該函式是整個 sizzle 引擎的入口。

在 jquery 構造器一節中,我們介紹了 init() 建構函式處理選擇器字串的第四種情況,擷取**如下所示。

}else 

// 第四種情況,處理 jquery(expression, [context]),

// 例如,$("div .red") 的表示式字串

return jquery( context ).find(selector);

在這裡,jquery 呼叫了 jquery 物件的 find() 方法來處理選擇器字串。find() 方法的**如下所示。

jQuery技術解密七

2.4.5 sizzle 構造器 在 jquery.fn.init 構造器中,通過呼叫 jquery context find selector 函式來解析並匹配 dom 元素。jquery.find 函式實際上是引用 sizzle 函式,而 sizzle 函式僅是 sizzle 引擎的構造器,它主...

第二章 jQuery技術解密 七

在 jquery.fn.init 構造器中,通過呼叫 jquery context find selector 函式來解析並匹配 dom 元素。jquery.find 函式實際上是引用 sizzle 函式,而 sizzle 函式僅是 sizzle 引擎的構造器,它主要呼叫 sizzle.find 函...

jQuery 技術解密(五)

jquery 函式能夠直接接受 html 字串,並把它們轉換為 dom 結構,這是上一節中所講解的利用 jquery 函式生成 dom 元素。當然,我們也可以看到 jquery 函式還可以接收 dom 元素 dom元素集合 html標籤或者 id 值。下面我們就來分析 jquery.fn.init ...