第二章 jQuery技術解密 七

2021-09-01 21:41:34 字數 575 閱讀 7114

在 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技術解密 四

jquery.fn.init 建構函式能夠構建 jquery 物件,並把匹配的 dom 元素儲存在 jquery 物件內部集合中。jquery.fn.init 建構函式可以接收單個的 dom 元素,也可以接收 dom 集合。如果接收的是字串型 id 值,則直接在文件中查詢對應的 dom 元素,並把它...

第二章 jQuery技術解密 五

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

第二章 jQuery技術解密 五

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