最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jQuery 核心函數(shù)以及jQuery對(duì)象

 更新時(shí)間:2010年03月23日 13:38:50   作者:  
首先介紹 jQuery 的幾個(gè)核心函數(shù),在 jQuery 中它們起著至關(guān)重要的作用,在實(shí)際的前端開(kāi)發(fā)過(guò)程中用到最多的也是它們。
一、jQuery 核心函數(shù)
  首先介紹 jQuery 的幾個(gè)核心函數(shù),在 jQuery 中它們起著至關(guān)重要的作用,在實(shí)際的前端開(kāi)發(fā)過(guò)程中用到最多的也是它們。
1、jQuery(elements)
  將一個(gè)或多個(gè)DOM元素轉(zhuǎn)化為jQuery對(duì)象。
  這個(gè)函數(shù)也可以接收XML文檔和Window對(duì)象(雖然它們不是DOM元素)作為有效的參數(shù)。
  返回值:jQuery 對(duì)象
  參數(shù)
    elements:  用于封裝成 jQuery 對(duì)象的 DOM 元素
復(fù)制代碼 代碼如下:

// 將當(dāng)前頁(yè)面的背景色設(shè)為黑色
jQuery(document.body).css( "background-color", "black" );
  再看以下代碼
// 將當(dāng)前頁(yè)面的背景色設(shè)為黑色
$(document.body).css( "background-color", "black" );
  代碼也可以正常運(yùn)行,并且執(zhí)行的效果跟前面的代碼一致;那么這兒的 $ 和前面的 jQuery 標(biāo)識(shí)符到底有什么關(guān)系呢?
  打開(kāi) 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 );
}

  原來(lái) $ 與 jQuery 代表的是 jQuery 框架中同一個(gè) function,使用 jQuery 和 $ 的效果是一樣的;實(shí)際上 jQuery 框架中采用 $ 來(lái)作為 jQuery 方法的一個(gè)別名(更易于使用),由于擔(dān)心 $ 與其它 javascript 框架(比如 asp.net ajax)甚至個(gè)人代碼中的 $ 標(biāo)識(shí)符產(chǎn)生沖突,也可以通過(guò) jQuery.noConflict() 函數(shù)來(lái)移除 $ 與 jQuery 函數(shù)的關(guān)聯(lián),這樣 $ 就不代表 jQuery 方法了,而是代表那個(gè)原始的 $ 對(duì)象了。
2、jQuery(expression,[context])
  這個(gè)函數(shù)接收一個(gè)包含 CSS 選擇器的字符串,然后用這個(gè)字符串去匹配一組元素。
  jQuery 的核心功能都是通過(guò)這個(gè)函數(shù)實(shí)現(xiàn)的。 jQuery中的一切都基于這個(gè)函數(shù),或者說(shuō)都是在以某種方式使用這個(gè)函數(shù)。這個(gè)函數(shù)最基本的用法就是向它傳遞一個(gè)表達(dá)式(通常由 CSS 選擇器組成),然后根據(jù)這個(gè)表達(dá)式來(lái)查找所有匹配的元素。
  返回值:jQuery 對(duì)象
  參數(shù)
    expression:   用來(lái)查找 DOM 元素的字符串
    context:     (可選) 作為待查找的 DOM 元素集、文檔或 jQuery 對(duì)象,用于限定查找范圍
復(fù)制代碼 代碼如下:

// 查找所有 DIV 元素下的 A 元素
$("div > a");

3、jQuery(html)
  根據(jù) HTML 字符串,動(dòng)態(tài)創(chuàng)建由 jQuery 對(duì)象包裝的 DOM 元素。
  返回值:jQuery 對(duì)象
  參數(shù)
    html:    用于創(chuàng)建 DOM 元素的 HTML 字符串
復(fù)制代碼 代碼如下:

// 將一個(gè) jquery.com 的超鏈接元素加到頁(yè)面主體元素中
$("<a href=http://jquery.com/>jquery.com</a>").appendTo("body");

二、jQuery 對(duì)象
  jQuery 核心函數(shù)的返回值都是一個(gè) jQuery 對(duì)象,通過(guò)對(duì) jQuery 對(duì)象進(jìn)行操作,可以完成 javascript 編程中的大部分任務(wù);那么這個(gè) jQuery 對(duì)象到底是一個(gè)什么對(duì)象呢?

通過(guò) doc[0]、doc[1] 可以分別取出一個(gè) DOM 對(duì)象,其它的則是一些 jQuery 對(duì)象特有的屬性和方法;實(shí)際上 jQuery 對(duì)象包裝了 DOM 對(duì)象,同時(shí)還包含了一些操作 DOM 元素的 jQuery 方法。

  在使用 jQuery 的過(guò)程中,大部分情況下第一步工作同時(shí)也是最重要的一步工作,就是取得包裝了要操作 DOM 對(duì)象的 jQuery 對(duì)象;然后通過(guò)調(diào)用取得的 jQuery 對(duì)象的方法來(lái)完成對(duì) DOM 對(duì)象的操作。

相關(guān)文章

  • jQuery 插件仿百度搜索框智能提示(帶Value值)

    jQuery 插件仿百度搜索框智能提示(帶Value值)

    因公司需要做一個(gè)仿百度搜索框,并且?guī)alue值的, 網(wǎng)上找了下只有Text, 都沒(méi)帶Value的 所以做了個(gè),代碼給予簡(jiǎn)單的注釋?zhuān)Y(jié)構(gòu)很清晰,很容易看懂,感興趣的朋友可以了解下
    2013-01-01
  • 如何使用HTML5地理位置定位功能

    如何使用HTML5地理位置定位功能

    用相對(duì)簡(jiǎn)單的JavaScript代碼,可以創(chuàng)建出能確定用戶(hù)地理位置詳細(xì)信息的Web應(yīng)用,包括經(jīng)緯度以及海拔等。一些Web應(yīng)用甚至能通過(guò)監(jiān)控用戶(hù)位置隨時(shí)間的移動(dòng)來(lái)提供導(dǎo)航功能,其中還綜合了GoogleMaps API這樣的地圖系統(tǒng)。
    2015-04-04
  • jquery基礎(chǔ)知識(shí)第一講之認(rèn)識(shí)jquery

    jquery基礎(chǔ)知識(shí)第一講之認(rèn)識(shí)jquery

    jquery基礎(chǔ)知識(shí)第一講之初次見(jiàn)面,對(duì)jquery有一個(gè)初步認(rèn)識(shí),為之后的學(xué)習(xí)打下基礎(chǔ),感興趣的小伙伴們可以參考一下
    2016-03-03
  • jQuery獲取iframe的document對(duì)象的方法

    jQuery獲取iframe的document對(duì)象的方法

    獲取iframe的document對(duì)象進(jìn)行dom的操作,實(shí)現(xiàn)方法很多,下面是jquery的實(shí)現(xiàn)過(guò)程,喜歡玩iframe的朋友可以參考下
    2014-10-10
  • JQuery實(shí)現(xiàn)左右滾動(dòng)菜單特效

    JQuery實(shí)現(xiàn)左右滾動(dòng)菜單特效

    這篇文章主要介紹了jquery實(shí)現(xiàn)左右滑動(dòng)菜單效果代碼,涉及jquery鼠標(biāo)事件相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-09-09
  • jquery實(shí)現(xiàn)圖片隨機(jī)排列的方法

    jquery實(shí)現(xiàn)圖片隨機(jī)排列的方法

    這篇文章主要介紹了jquery實(shí)現(xiàn)圖片隨機(jī)排列的方法,涉及jQuery操作圖片的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
    2015-05-05
  • jquery ui resizable bug解決方法

    jquery ui resizable bug解決方法

    其實(shí)這個(gè)也不算是 resizable 的BUG,但從官網(wǎng)下載下來(lái)的確實(shí)存在問(wèn)題
    2010-10-10
  • EasyUI中的dataGrid的行內(nèi)編輯

    EasyUI中的dataGrid的行內(nèi)編輯

    這篇文章主要介紹了EasyUI中的dataGrid的行內(nèi)編輯的實(shí)現(xiàn)代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2017-06-06
  • jquery實(shí)現(xiàn)時(shí)間選擇器

    jquery實(shí)現(xiàn)時(shí)間選擇器

    這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)時(shí)間選擇器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-04-04
  • jQuery對(duì)象和Javascript對(duì)象之間轉(zhuǎn)換的實(shí)例代碼

    jQuery對(duì)象和Javascript對(duì)象之間轉(zhuǎn)換的實(shí)例代碼

    jQuery對(duì)象和Javascript對(duì)象之間轉(zhuǎn)換的實(shí)例代碼,需要的朋友可以參考一下
    2013-03-03

最新評(píng)論

河津市| 鄂温| 股票| 乌海市| 嘉善县| 邹城市| 光泽县| 正蓝旗| 新乐市| 东乌| 林州市| 利津县| 扎鲁特旗| 宜州市| 武平县| 什邡市| 湖北省| 敦化市| 南木林县| 兴宁市| 南通市| 龙陵县| 浦江县| 黑水县| 民和| 夏津县| 荣昌县| 平泉县| 舞阳县| 丁青县| 余江县| 昭觉县| 敦化市| 宿州市| 驻马店市| 皋兰县| 赤城县| 营口市| 峡江县| 洛宁县| 开封市|