jQuery基礎學習（1）

2021-08-02 12:35:54 字數 1239 閱讀 2044

jquery環境搭建

語法初識

1.

$(document).ready(function


() );
這句話的作用是等document載入完後執行函式裡的**，因為有些**的執行會依賴dom節點啦。（全部js**都扔進裡面沒關係吧？）

2.物件的命名

jquery的物件前置$，用來區別普通js物件，並沒有什麼特殊作用，例如：$p

jquery物件是乙個類陣列物件，而dom物件是乙個單獨的dom物件（我也不是很懂這個，先挖個坑）

3.jquery物件和dom物件的相互轉換

有時候會有這種需求呢

var $div = $('div')  //jquery物件


vardiv = $div[0]    //轉化成dom物件


div.style.color = 'red'


//操作dom物件的屬性


var $div = $('div')  //jquery物件


vardiv = $div.get(0) //通過get方法，轉化成dom物件


div.style.color = 'red'


//操作dom物件的屬性
4.選擇器$()這個是重中之重啊…

$(


"#id" )     //id選擇器


$(".class" )  //類選擇器


$("div" )     //元素選擇器


$（" * "）     //* 選擇器
感覺還是很好理解的，一目了然

還有就是 層級選擇器

5.篩選器

和css裡的 ：選擇器差不多啊，跟在選擇器後面篩選

例如：

$( ".class:first" ) //所有class類節點的第乙個元素
（未完代更）

Jquery基礎學習筆記 1

1 屬性 為所有匹配的元素設定乙個計算的屬性值 為所有的input新增屬性class btn input attr class btn 2 css 為每個匹配的元素新增指定的類名 對所有的提交按鈕新增樣式 input submit addclass btn 3 值 獲得第乙個匹配元素的當前值 取的某...

Jquery基礎學習筆記 1

此筆記只是作為本人學習 jquery 的隨手筆記 稍微做了一下整理 希望對新人有參考價值。1 屬性 為所有匹配的元素設定乙個計算的屬性值 為所有的 input 新增屬性 class btn input attr class btn 2 css 為每個匹配的元素新增指定的類名 對所有的提交按鈕新增樣式...

Jquery基礎學習筆記 1

此筆記只是作為本人學習 jquery 的隨手筆記 稍微做了一下整理 希望對新人有參考價值。1 屬性 為所有匹配的元素設定乙個計算的屬性值 為所有的 input 新增屬性 class btn input attr class btn 2 css 為每個匹配的元素新增指定的類名 對所有的提交按鈕新增樣式...