jQuery 核心函數(shù)以及jQuery對象
更新時間：2010年03月23日 13:38:50 作者：
首先介紹 jQuery 的幾個核心函數(shù)，在 jQuery 中它們起著至關(guān)重要的作用，在實際的前端開發(fā)過程中用到最多的也是它們。
一、jQuery 核心函數(shù)
首先介紹 jQuery 的幾個核心函數(shù)，在 jQuery 中它們起著至關(guān)重要的作用，在實際的前端開發(fā)過程中用到最多的也是它們。
1、jQuery(elements)
將一個或多個DOM元素轉(zhuǎn)化為jQuery對象。
這個函數(shù)也可以接收XML文檔和Window對象（雖然它們不是DOM元素）作為有效的參數(shù)。
返回值：jQuery 對象
參數(shù)
elements: 用于封裝成 jQuery 對象的 DOM 元素
// 將當前頁面的背景色設(shè)為黑色
jQuery(document.body).css( "background-color", "black" );
再看以下代碼
// 將當前頁面的背景色設(shè)為黑色
$(document.body).css( "background-color", "black" );
代碼也可以正常運行，并且執(zhí)行的效果跟前面的代碼一致；那么這兒的 $ 和前面的 jQuery 標識符到底有什么關(guān)系呢？
打開 jQuery 的源文件 jquery-1.3.2.js 發(fā)現(xiàn)以下代碼
jQuery = window.jQuery = window.$ = function( selector, context ) {
// The jQuery object is actually just the init constructor 'enhanced'
return new jQuery.fn.init( selector, context );
}
原來 $ 與 jQuery 代表的是 jQuery 框架中同一個 function，使用 jQuery 和 $ 的效果是一樣的；實際上 jQuery 框架中采用 $ 來作為 jQuery 方法的一個別名（更易于使用），由于擔(dān)心 $ 與其它 javascript 框架（比如 asp.net ajax）甚至個人代碼中的 $ 標識符產(chǎn)生沖突，也可以通過 jQuery.noConflict() 函數(shù)來移除 $ 與 jQuery 函數(shù)的關(guān)聯(lián)，這樣 $ 就不代表 jQuery 方法了，而是代表那個原始的 $ 對象了。
2、jQuery(expression,[context])
這個函數(shù)接收一個包含 CSS 選擇器的字符串，然后用這個字符串去匹配一組元素。
jQuery 的核心功能都是通過這個函數(shù)實現(xiàn)的。 jQuery中的一切都基于這個函數(shù)，或者說都是在以某種方式使用這個函數(shù)。這個函數(shù)最基本的用法就是向它傳遞一個表達式（通常由 CSS 選擇器組成），然后根據(jù)這個表達式來查找所有匹配的元素。
返回值：jQuery 對象
參數(shù)
expression: 用來查找 DOM 元素的字符串
context: (可選) 作為待查找的 DOM 元素集、文檔或 jQuery 對象，用于限定查找范圍
// 查找所有 DIV 元素下的 A 元素
$("div > a");
3、jQuery(html)
根據(jù) HTML 字符串，動態(tài)創(chuàng)建由 jQuery 對象包裝的 DOM 元素。
返回值：jQuery 對象
參數(shù)
html: 用于創(chuàng)建 DOM 元素的 HTML 字符串
// 將一個 jquery.com 的超鏈接元素加到頁面主體元素中
$("<a href=http://jquery.com/>jquery.com</a>").appendTo("body");
二、jQuery 對象
jQuery 核心函數(shù)的返回值都是一個 jQuery 對象，通過對 jQuery 對象進行操作，可以完成 javascript 編程中的大部分任務(wù)；那么這個 jQuery 對象到底是一個什么對象呢？
通過 doc[0]、doc[1] 可以分別取出一個 DOM 對象，其它的則是一些 jQuery 對象特有的屬性和方法；實際上 jQuery 對象包裝了 DOM 對象，同時還包含了一些操作 DOM 元素的 jQuery 方法。
在使用 jQuery 的過程中，大部分情況下第一步工作同時也是最重要的一步工作，就是取得包裝了要操作 DOM 對象的 jQuery 對象；然后通過調(diào)用取得的 jQuery 對象的方法來完成對 DOM 對象的操作。
首先介紹 jQuery 的幾個核心函數(shù)，在 jQuery 中它們起著至關(guān)重要的作用，在實際的前端開發(fā)過程中用到最多的也是它們。
1、jQuery(elements)
將一個或多個DOM元素轉(zhuǎn)化為jQuery對象。
這個函數(shù)也可以接收XML文檔和Window對象（雖然它們不是DOM元素）作為有效的參數(shù)。
返回值：jQuery 對象
參數(shù)
elements: 用于封裝成 jQuery 對象的 DOM 元素
復(fù)制代碼 代碼如下:
// 將當前頁面的背景色設(shè)為黑色
jQuery(document.body).css( "background-color", "black" );
再看以下代碼
// 將當前頁面的背景色設(shè)為黑色
$(document.body).css( "background-color", "black" );
代碼也可以正常運行，并且執(zhí)行的效果跟前面的代碼一致；那么這兒的 $ 和前面的 jQuery 標識符到底有什么關(guān)系呢？
打開 jQuery 的源文件 jquery-1.3.2.js 發(fā)現(xiàn)以下代碼
jQuery = window.jQuery = window.$ = function( selector, context ) {
// The jQuery object is actually just the init constructor 'enhanced'
return new jQuery.fn.init( selector, context );
}
原來 $ 與 jQuery 代表的是 jQuery 框架中同一個 function，使用 jQuery 和 $ 的效果是一樣的；實際上 jQuery 框架中采用 $ 來作為 jQuery 方法的一個別名（更易于使用），由于擔(dān)心 $ 與其它 javascript 框架（比如 asp.net ajax）甚至個人代碼中的 $ 標識符產(chǎn)生沖突，也可以通過 jQuery.noConflict() 函數(shù)來移除 $ 與 jQuery 函數(shù)的關(guān)聯(lián)，這樣 $ 就不代表 jQuery 方法了，而是代表那個原始的 $ 對象了。
2、jQuery(expression,[context])
這個函數(shù)接收一個包含 CSS 選擇器的字符串，然后用這個字符串去匹配一組元素。
jQuery 的核心功能都是通過這個函數(shù)實現(xiàn)的。 jQuery中的一切都基于這個函數(shù)，或者說都是在以某種方式使用這個函數(shù)。這個函數(shù)最基本的用法就是向它傳遞一個表達式（通常由 CSS 選擇器組成），然后根據(jù)這個表達式來查找所有匹配的元素。
返回值：jQuery 對象
參數(shù)
expression: 用來查找 DOM 元素的字符串
context: (可選) 作為待查找的 DOM 元素集、文檔或 jQuery 對象，用于限定查找范圍
復(fù)制代碼 代碼如下:
// 查找所有 DIV 元素下的 A 元素
$("div > a");
3、jQuery(html)
根據(jù) HTML 字符串，動態(tài)創(chuàng)建由 jQuery 對象包裝的 DOM 元素。
返回值：jQuery 對象
參數(shù)
html: 用于創(chuàng)建 DOM 元素的 HTML 字符串
復(fù)制代碼 代碼如下:
// 將一個 jquery.com 的超鏈接元素加到頁面主體元素中
$("<a href=http://jquery.com/>jquery.com</a>").appendTo("body");
二、jQuery 對象
jQuery 核心函數(shù)的返回值都是一個 jQuery 對象，通過對 jQuery 對象進行操作，可以完成 javascript 編程中的大部分任務(wù)；那么這個 jQuery 對象到底是一個什么對象呢？
通過 doc[0]、doc[1] 可以分別取出一個 DOM 對象，其它的則是一些 jQuery 對象特有的屬性和方法；實際上 jQuery 對象包裝了 DOM 對象，同時還包含了一些操作 DOM 元素的 jQuery 方法。
在使用 jQuery 的過程中，大部分情況下第一步工作同時也是最重要的一步工作，就是取得包裝了要操作 DOM 對象的 jQuery 對象；然后通過調(diào)用取得的 jQuery 對象的方法來完成對 DOM 對象的操作。
相關(guān)文章
因公司需要做一個仿百度搜索框,并且?guī)alue值的, 網(wǎng)上找了下只有Text, 都沒帶Value的 所以做了個,代碼給予簡單的注釋，結(jié)構(gòu)很清晰，很容易看懂，感興趣的朋友可以了解下2013-01-01
用相對簡單的JavaScript代碼，可以創(chuàng)建出能確定用戶地理位置詳細信息的Web應(yīng)用，包括經(jīng)緯度以及海拔等。一些Web應(yīng)用甚至能通過監(jiān)控用戶位置隨時間的移動來提供導(dǎo)航功能，其中還綜合了GoogleMaps API這樣的地圖系統(tǒng)。2015-04-04
jquery基礎(chǔ)知識第一講之初次見面，對jquery有一個初步認識，為之后的學(xué)習(xí)打下基礎(chǔ)，感興趣的小伙伴們可以參考一下2016-03-03
獲取iframe的document對象進行dom的操作，實現(xiàn)方法很多，下面是jquery的實現(xiàn)過程，喜歡玩iframe的朋友可以參考下2014-10-10
這篇文章主要介紹了jquery實現(xiàn)左右滑動菜單效果代碼，涉及jquery鼠標事件相關(guān)技巧，具有一定參考借鑒價值，需要的朋友可以參考下2015-09-09
這篇文章主要介紹了jquery實現(xiàn)圖片隨機排列的方法,涉及jQuery操作圖片的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下2015-05-05
其實這個也不算是 resizable 的BUG,但從官網(wǎng)下載下來的確實存在問題2010-10-10
這篇文章主要介紹了EasyUI中的dataGrid的行內(nèi)編輯的實現(xiàn)代碼，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2017-06-06
這篇文章主要為大家詳細介紹了jquery實現(xiàn)時間選擇器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
jQuery對象和Javascript對象之間轉(zhuǎn)換的實例代碼
jQuery對象和Javascript對象之間轉(zhuǎn)換的實例代碼，需要的朋友可以參考一下2013-03-03