jQuery基礎01體驗

2021-07-31 13:51:14 字數 1497 閱讀 1554

二,常見js框架庫:prototype,yui(網路反應一般),dojo,extjs,jquery等。

框架庫:就是乙個普通的js檔案,封裝了很多函式,封裝了很多相容的**,

這些**可以在不同的瀏覽器中的相容性問題。

二, jquery中頂級物件

dom中的頂級物件:document—頁面中的頂級物件。

document點出來的是dom中的屬性和方法

bom中的頂級物件:window—-瀏覽器中的頂級物件。

window-點出來的是瀏覽器中的屬性和方法,

window. document

jq中的頂級物件:jquery——-

點出來的是jq中的方法。

三,頁面載入事件

dom中:window.onload=function(){};頁面記載事件只能執行最後乙個window。

jq中(先引入jq檔案):(w

indo

w).l

oad(

func

tion

()和w

indo

w.on

load

=fun

ctio

n();

相同。第

一種寫法

:(window).load(function())

頁面中所有的內容載入完畢後才觸發。

第二種寫法:

$( document).ready(function())

頁面中基本標籤載入完畢後就可以觸發了。比window優先載入。

第三種寫法:

jquery(function());

頁面中基本標籤載入完畢後就可以觸發了,

第四種寫法:

$(function

());

頁面中基本標籤載入完畢後就可以觸發了,

三, 關於jq中引入檔案注意問題:

相同的版本的兩個檔案:

普通版本和壓縮版本(壓縮檔案是以正則形式壓縮替換)

開發用原版,上線用壓縮

四, jquery物件和dom物件互轉

window.onload=function  () ;*/

/* dom物件轉jquery物件,只需要把dom物件放在$(dom物件)中--->jquery物件

*/

$(btnobj).click(function());

};

五,2-5

網頁開關燈拋棄dom寫法體驗:

/*dom方法操作:*/

/*window.onload=function ()else

};}*/

/*jquery方法操作:*/

//頁面載入事件

$(function

()else

})});

script>

JQuery01 基礎操作

方法 描述val 獲取或者設定 輸入框的值 html 獲取或者設定元素的html內容 text 獲取或者設定元素的文字內容 方法描述 attr 設定或返回匹配元素的屬性和值。removeattr 從所有匹配的元素中移除指定的屬性。方法描述 css 訪問匹配元素的樣式屬性。addclass 向匹配的元...

Jquery基礎知識01

milk soda li each function index,element 2 js物件轉換為jquery物件 var ele element js物件變為了jquery jquery物件轉換為js物件 var v v jquery物件 var v v 0 js物件 2 遍歷陣列 1 var ...

Jquery初體驗一

固態硬碟 機械鍵盤 視網膜顯示屏 水冷機箱 由來,自執行函式 茶葉蛋切糕 芭比香包 吮指原味雞 啤酒 鏈式程式設計 層次選擇器 月亮之上 江南style 小蘋果哈根達斯 和路雪五仁月餅 泡菜 韓庚蔡妍西蘭花 過濾器 0湯姆克魯斯 1碧鹹姆 2傑克瓊斯 3李維斯 4匡威 海賊王 妖精的尾巴 進擊的巨人...