教育行業(yè)A股IPO第一股(股票代碼 003032)

全國(guó)咨詢/投訴熱線:400-618-4000

jQuery初學(xué)者應(yīng)該熟悉的3種基礎(chǔ)操作

更新時(shí)間:2022年01月17日17時(shí)57分 來源:傳智教育 瀏覽次數(shù):

jQuery 是一個(gè)快速、簡(jiǎn)潔的 JavaScript 庫,其設(shè)計(jì)的宗旨是“write Less,Do More”,即倡導(dǎo)寫更少的代碼,做更多的事情。
jQuery

jQuery的使用十分簡(jiǎn)單,只需引入 jQuery 文件就可以執(zhí)行下一步操作。下面來看三種jQuery基本使用方法。

jQuery 的入口函數(shù)

jQuery加載DOM函數(shù)有以下兩種方法:

$(function () {   
    ...  // 此處是頁面 DOM 加載完成的入口
 }) ;
$(function () {   
    ...  // 此處是頁面 DOM 加載完成的入口
 }) ;

1.等著 DOM 結(jié)構(gòu)渲染完畢即可執(zhí)行內(nèi)部代碼,不必等到所有外部資源加載完成,jQuery 幫我們完成了封裝。

2.相當(dāng)于原生 js 中的 DOMContentLoaded。

3.不同于原生 js 中的 load 事件是等頁面文檔、外部的 js 文件、css文件、圖片加載完畢才執(zhí)行內(nèi)部代碼。

4. 更推薦使用第一種方式。

jQuery 的頂級(jí)對(duì)象 $

1.$ 是 jQuery 的別稱,在代碼中可以使用 jQuery 代替 $,但一般為了方便,通常都直接使用 $ 。

2.$ 是jQuery 的頂級(jí)對(duì)象, 相當(dāng)于原生JavaScript中的 window。把元素利用$包裝成jQuery對(duì)象,就可以調(diào)用jQuery 的方法。

DOM 對(duì)象與 jQuery 對(duì)象之間是可以相互轉(zhuǎn)換的

因?yàn)樵鷍s 比 jQuery 更大,原生的一些屬性和方法 jQuery沒有給我們封裝. 要想使用這些屬性和方法需要把jQuery對(duì)象轉(zhuǎn)換為DOM對(duì)象才能使用。

1. DOM 對(duì)象轉(zhuǎn)換為 jQuery 對(duì)象: $(DOM對(duì)象)

$('div')

2. jQuery 對(duì)象轉(zhuǎn)換為 DOM 對(duì)象(兩種方式)

$('div') [index]       index 是索引號(hào)
$('div') .get(index)    index 是索引號(hào)





猜你喜歡:

jquery基本選擇和層次選擇器詳細(xì)介紹

jQuery如何使用css方法修改單個(gè)樣式?

jquery對(duì)象是什么?怎么理解jquery對(duì)象?

產(chǎn)品經(jīng)理遇到“一句話的需求”怎么辦?

傳智教育HTML前端與移動(dòng)開發(fā)培訓(xùn)

0 分享到:
和我們?cè)诰€交談!