- 相關推薦
關于Jquery的核心函數
在Jquery中，所有的DOM對象都將封裝成Jquery對象，而且只有Jquery對象才能使用Jquery方法或者屬性來執行相應的操作。
所以Jquery提供了一個可以將DOM對象封裝成Jquery對象的函數，就是Jquery核心函數jquery(),也稱為工廠函數。
jquery核心函數有7個重載，分別如下：
jquery() 該函數返回一個空的jquery對象。
jquery(elements) 該函數將一個或多個DOM元素轉化為Jquery對象(或jquery集合)
jquery(callback) 該函數是jquery(document).ready(callback)的簡寫。 該函數將綁定一個在DOM文檔載入完成后執行的函數。頁面中所有需要在DOM加載完成時，執行的jquery操作，都需要包含在這個函數中。這個函數，可以在頁面中，出現多次。
jquery(expression,[context])
jquery(html)
jquery(html,props)
jquery(html,[ownerDocument])
我們詳細來看下其中的
jQuery(expression, [context])
這個函數接收一個包含 CSS 選擇器的字符串，然后用這個字符串去匹配一組元素。
通過 doc[0]、doc[1] 可以分別取出一個 DOM 對象，其它的則是一些 jQuery 對象特有的屬性和方法；實際上 jQuery 對象包裝了 DOM 對象，同時還包含了一些操作 DOM 元素的 jQuery 方法。
在使用 jQuery 的過程中，大部分情況下第一步工作同時也是最重要的一步工作，就是取得包裝了要操作 DOM 對象的 jQuery 對象；然后通過調用取得的 jQuery 對象的方法來完成對 DOM 對象的操作。
for example
1.查找#first context中節點為p的搜有元素，并循環顯示對應的值。
$(function() { var items = $("p", "#first"); $.each(items, function(i, n) { alert(i); }); });
i為對應的index，n對應的節點
2.找到所有 p 元素，并且這些元素都必須是 div 元素的子元素。
HTML 代碼:
one
two
three
jQuery 代碼:
$("div > p");
結果:
[
two
]
3.在文檔的第一個表單中，查找所有的單選按鈕(即: type 值為 radio 的 input 元素)。
jQuery 代碼:
$("input:radio", document.forms[0]);
jQuery(html, [ownerDocument])
根據提供的原始 HTML 標記字符串，動態創建由 jQuery 對象包裝的 DOM 元素。
你可以傳遞一個手寫的 HTML 字符串，或者由某些模板引擎或插件創建的字符串，也可以是通過 AJAX 加載過來的字符串。
jQuery(html, props)
根據提供的原始 HTML 標記字符串，動態創建由 jQuery 對象包裝的 DOM 元素。同時設置一系列的屬性、事件等。
參數
htmlString
用于動態創建DOM元素的HTML標記字符串
propsMap
用于附加到新創建元素上的屬性、事件和方法
示例
描述:
動態創建一個 div 元素（以及其中的所有內容），并將它追加到 body 元素中。在這個函數的內部，是通過臨時創建一個元素，并將這個元素的 innerHTML 屬性設置為給定的標記字符串，來實現標記到 DOM 元素轉換的。所以，這個函數既有靈活性，也有局限性。
jQuery 代碼:
$("
", { "class": "test", text: "Click me!", click: function(){ $(this).toggleClass("test"); }}).appendTo("body");
$(document).ready()的簡寫。
當DOM加載完成后，執行其中的函數。
jQuery 代碼:
$(function(){ // 文檔就緒});
以上所述就是本文的全部內容了，希望大家能夠喜歡。
【Jquery的核心函數】相關文章：
jQuery 源碼分析和Ready函數06-28
jQuery程序設計08-05
jquery提交按鈕的代碼07-28
jQuery中prev()方法用法07-16
如何理解jquery事件冒泡09-15
jQuery的DOM操作筆記07-29
jQuery中parent()和siblings()的問題10-16
讓你我減少對jQuery的依賴度07-21
