首頁技術文章正文

jQuery初學者應該熟悉的3種基礎操作

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

jQuery 是一個快速、簡潔的 JavaScript 庫，其設計的宗旨是“write Less，Do More”，即倡導寫更少的代碼，做更多的事情。

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

jQuery 的入口函數

jQuery加載DOM函數有以下兩種方法:

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

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

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

2.相當于原生 js 中的 DOMContentLoaded。

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

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

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

2.$ 是jQuery 的頂級對象，相當于原生JavaScript中的 window。把元素利用$包裝成jQuery對象，就可以調用jQuery 的方法。

因為原生js 比 jQuery 更大，原生的一些屬性和方法 jQuery沒有給我們封裝. 要想使用這些屬性和方法需要把jQuery對象轉換為DOM對象才能使用。

1. DOM 對象轉換為 jQuery 對象： $(DOM對象)

$('div')

2. jQuery 對象轉換為 DOM 對象(兩種方式)

$('div') [index]       index 是索引號

$('div') .get(index)    index 是索引號

猜你喜歡：

jquery基本選擇和層次選擇器詳細介紹

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