jQuery基礎學習

2022-09-14 02:51:08 字數 1245 閱讀 6314

1.1常見的j**ascript庫

· jquery

· prototype

· yui

· dojo

· ext js

· 移動端的zepto

這些庫都是對原生j**ascript的封裝,內部都是用j**ascript實現的

官網:版本:· 1x:相容ie678 等低版本瀏覽器,官網不再更新

· 2x:不相容ie678等低版本瀏覽器,官網不再更新

· 3x:不相容ie678等低版本瀏覽器,官網主要更新維護版本

2.1 jquery的入口函式

//

等著頁面dom載入完畢再去執行js**

$(function

())

(1)等著dom結構渲染完畢即可執行內部**,不必等到所有外部資源載入完成,jquery幫我們完成了封裝

(2)相當於原生js中的domcontentloaded。

(3)不同於原生js中的load事件是等頁面文件、外部js檔案、css檔案、載入完畢才執行內部**

2.4 jquery 的頂級物件$

(1) $ 是jquery的別稱,在**中可以使用jquery代替$

(2) $是jquery 的頂級物件,相當於原生j**ascript中的window。把元素利用$包裝成jquery物件,就可以呼叫jquery的方法

2.5 jquery物件和dom物件

//

① dom物件:用原生js獲取過來的物件就是dom物件

var mydiv = document.queryselector('div'); //

② jquery物件:用jquery方式獲取過來的物件是jquery物件。本質:通過$把dom元素進行了包裝

$('div'); //

③ jquery物件只能使用jquery方法,dom物件則使用原生的j**ascript屬性和方法

mydiv.style.display = 'none';

$('div').hide();

dom物件與jquery物件之間是可以相互轉換的。

Jquery基礎學習

1.資料儲存 data name 返回元素上儲存的相應名字的資料,可以用data name,value 來設定 如果jquery集合指向多個元素,那將只返回第乙個元素的對應資料 div data blah undefined div data blah hello blah設定為hello div ...

jquery學習基礎使用

jquery獲取元素進行操作 一 基礎方式 四種 this hide 表示 jquery 的hide 函式,隱藏當前的 html 元素。test hide 表示 jquery 的hide 函式,隱藏id test 的元素。p hide 表示 jquery 的hide 函式,隱藏所有 元素。test ...

jQuery基礎學習(1)

jquery環境搭建 語法初識 1.document ready function 這句話的作用是等document載入完後執行函式裡的 因為有些 的執行會依賴dom節點啦。全部js 都扔進裡面沒關係吧?2.物件的命名 jquery的物件前置 用來區別普通js物件,並沒有什麼特殊作用,例如 p jq...