jquery的核心函數(shù)：1、jQuery()，主要用於取得HTML DOM元素並將其封裝為jQuery物件；2、“jQuery.noConflict()”，用於讓渡變數(shù)“$”的jQuery控制權(quán)。

本教學(xué)操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。

jQuery 核心函數(shù)

#函數(shù)	描述
jQuery()	接受一個(gè)字串，其中包含了用於匹配元素集合的CSS 選擇器。
jQuery.noConflict()	運(yùn)行這個(gè)函數(shù)將變數(shù) $ 的控制權(quán)讓渡給第一個(gè)實(shí)現(xiàn)它的那個(gè)函式庫(kù)。

函數(shù)說(shuō)明

jQuery():

jQuery()函數(shù)是jQuery函式庫(kù)的最核心函數(shù)，jQuery的一切都是基於此函數(shù)的。此函數(shù)主要用於取得HTML DOM元素並將其封裝為jQuery對(duì)象，以便於使用jQuery物件提供的其他屬性和方法對(duì)DOM元素進(jìn)行操作。

jQuery()函數(shù)的功能非常強(qiáng)大，它可以將各種類型的參數(shù)智慧地封裝為jQuery物件。

語(yǔ)法

• jQuery( selector, [ context ])
  將選擇器字串selector所對(duì)應(yīng)的HTML DOM元素封裝為jQuery物件?？蛇x參數(shù)context用於指定查找DOM元素的範(fàn)圍。
• jQuery( [ obj ])
  將指定物件obj封裝為jQuery物件。這個(gè)物件可以是一個(gè)DOM元素(Element)，也可以是一個(gè)DOM元素?cái)?shù)組，也可以是一個(gè)jQuery物件(對(duì)其進(jìn)行複製)，或是其他物件。你也可以省略該參數(shù)，從而傳回一個(gè)空的jQuery物件。

jQuery 1.4 新增省略參數(shù)obj的用法：不傳入任何參數(shù)，將傳回空的jQuery物件

• jQuery( html, [ ownerDocument ])
  根據(jù)HTML標(biāo)籤字串html動(dòng)態(tài)地建立臨時(shí)DOM元素，並將其封裝為jQuery物件。可選參數(shù)ownerDocument用於指定臨時(shí)DOM元素在哪個(gè)文檔中創(chuàng)建(如果存在多個(gè)文檔的話，例如框架頁(yè)面)。

jQuery 1.0 新增該用法。

• jQuery(html, properties )
  根據(jù)HTML標(biāo)籤字串html和包含其附加屬性、事件以及方法的properties對(duì)象，動(dòng)態(tài)地建立臨時(shí)DOM元素，並將其封裝為jQuery物件。

jQuery 1.4 新增該用法。

• jQuery( callback )
  在目前文件載入完成後，執(zhí)行指定的函數(shù)callback。此用法是ready()函數(shù)如下用法的簡(jiǎn)寫(xiě)：jQuery(document).ready(callback)。

jQuery 1.0 新增該用法。

參數(shù)

屬性
##selector	String類型 指定的選擇器字串，用於尋找對(duì)應(yīng)的DOM元素。
context	可選/Object類型 指定選擇器字串的尋找範(fàn)圍，可以是DOM元素、DOM元素陣列、文件、 jQuery物件。如果省略該參數(shù)，預(yù)設(shè)為目前文件。
obj	可選/Object類型 指定的對(duì)象，用於封裝為jQuery物件?？梢允荄OM元素、DOM元素?cái)?shù)組、文檔、jQuery物件等。
html	Object類型 指定的HTML標(biāo)籤字串，例如"<p/>"、"< p></p>"、"<p id='tagId'></p>"(標(biāo)籤中也可以嵌套標(biāo)籤，只要符合html語(yǔ)法即可)。
ownerDocument	Document類型 指定DOM元素在哪個(gè)文件上暫時(shí)創(chuàng)建，預(yù)設(shè)為目前文件。
properties	Object類型 指定的對(duì)象，用於指定DOM元素的屬性、事件和方法。例如：{name:”username”, “click”:function(){}}
#callback	Function類型 指定的函數(shù)，用於在DOM文檔載入完成後立即執(zhí)行。

傳回值

jQuery()函數(shù)的傳回值是jQuery類型，傳回一個(gè)jQuery物件。

範(fàn)例&說(shuō)明：

• jQuery( selector, [ context ])範(fàn)例程式碼:
##

// 選擇當(dāng)前文檔中所有的p標(biāo)簽DOM元素
$("p");

// 選擇id屬性為username的DOM元素
$("#username");

// 選擇所有包含test樣式的DOM元素，(例如：class="test")
$(".test");

// 選擇所有p標(biāo)簽中帶test樣式的DOM元素
$("p .test");

• #jQuery( [ obj ] 範(fàn)例程式碼:

var dom = document.getElementById("username");
// 將DOM元素封裝為jQuery對(duì)象
$(dom);

var doms = document.getElementsByName("book_id");
// 將DOM元素?cái)?shù)組封裝為jQuery對(duì)象
$(doms);

// 將body元素封裝為jQuery對(duì)象
$(document.body);

• #jQuery( html, [ ownerDocument ])範(fàn)例程式碼:

// 創(chuàng)建一個(gè)空的span標(biāo)簽的臨時(shí)DOM元素，并將其封裝為jQuery對(duì)象
// 以下三種方式的效果一致
$(&#39;<span/>&#39;);
$(&#39;<span></span>&#39;);
$(&#39;<span>&#39;); // 但不推薦使用這種方式

// 創(chuàng)建一個(gè)p標(biāo)簽，內(nèi)部包含帶有test樣式的span標(biāo)簽
$(&#39;<p><span class="test"></span></p>&#39;);

// 創(chuàng)建一個(gè)表格
var html = &#39;<table>&#39;;
html += &#39;<tr>&#39;;
html += &#39;<td>單元格1</td>&#39;;
html += &#39;<td>單元格2</td>&#39;;
html += &#39;</tr>&#39;;
html += &#39;<tr>&#39;;
html += &#39;<td>單元格3</td>&#39;;
html += &#39;<td>單元格1</td>&#39;;
html += &#39;</tr>&#39;;
html += &#39;</table>&#39;;
$(html);

• jQuery(html, properties )範(fàn)例程式碼:

// 創(chuàng)建一個(gè)臨時(shí)的鏈接jQuery對(duì)象
var tempLink = $(&#39;<a/>&#39;, {
    id: &#39;goback&#39;,
    title: &#39;CodePlayer&#39;,
    html: &#39;CodePlayer&#39;, // 表示鏈接的錨文本，也就是innerHTML的值
    href: &#39;http://www.365mini.com/&#39;,
    click: function(){
        // 統(tǒng)計(jì)點(diǎn)擊次數(shù)       
    }
});
// 追加到body標(biāo)簽內(nèi)容的末尾
tempLink.appendTo("body");


$(&#39;<input/>&#39;, {
    type: &#39;checkbox&#39;,
    val: &#39;def&#39;, // 表示表單元素的value屬性值或textarea的輸入內(nèi)容
    click: function(){
        alert("點(diǎn)擊了復(fù)選框");
    }
}).appendTo("body");

• jQuery( callback )範(fàn)例程式碼:

$(function(){
    // 本文檔頁(yè)面載入完成后自動(dòng)執(zhí)行
    alert("文檔加載完畢!");
});

// 這相當(dāng)于ready()函數(shù)如下用法的簡(jiǎn)寫(xiě)

$(document).ready(function(){
    // 本文檔頁(yè)面載入完成后自動(dòng)執(zhí)行
    alert("文檔加載完畢!");
});

jQuery.noConflict()

noConflict() 方法讓渡變數(shù)$ 的jQuery 控制權(quán)。

此方法釋放jQuery 對(duì)$ 變數(shù)的控制。

此方法也可用於為jQuery 變數(shù)規(guī)定新的自訂名稱。

提示：當(dāng)其他JavaScript 函式庫(kù)為其函數(shù)使用$ 時(shí)，該方法很有用。

語(yǔ)法：

jQuery.noConflict(removeAll)

• removeAll ? ?布爾值。指示是否允許徹底將jQuery 變量還原。 ? ?

相關(guān)影片教學(xué)推薦：

jQuery教學(xué)（影片）

以上是jquery的核心函數(shù)有哪些的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！