首頁技術(shù)文章正文

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的使用十分簡(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. 更推薦使用第一種方式。

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

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

因?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ì)介紹

上一篇：CSS層疊性和繼承性的概念有什么不同 下一篇：let關(guān)鍵字聲明變量有哪些好處?