前端jQuery有哪些基礎(chǔ)的學(xué)習(xí)筆記

本篇文章為大家展示了前端jQuery有哪些基礎(chǔ)的學(xué)習(xí)筆記，代碼簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

1、jQuery的概念

jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫。jQuery設(shè)計的宗旨是倡導(dǎo)寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設(shè)計模式，優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計和Ajax交互?？偟膩碇v，jQuery就是一個JavaScript框架，可以簡化JavaScript開發(fā)。

2、jQuery快速入門

下載JQuery，導(dǎo)入JQuery的js文件：導(dǎo)入min.js文件，使用：

var div1 = $("#div1");

alert(div1.html());

3、JQuery對象和JS對象區(qū)別與轉(zhuǎn)換

（1）JQuery對象在操作時，更加方便。

（2）JQuery對象和js對象方法不通用的.

（3）兩者相互轉(zhuǎn)換：

* jq -- > js : jq對象[索引] 或者 jq對象.get(索引)

* js -- > jq : $(js對象)

4、選擇器

（1）基本操作

事件綁定：

                                     //1.獲取b1按鈕

                     $("#b1").click(function(){

                         alert("abc");

                     });

入口函數(shù)：

                                      $(function () {

                             });

                                      window.onload  和 $(function) 區(qū)別

                          * window.onload 只能定義一次,如果定義多次，后邊的會將前邊的覆蓋掉

                          * $(function)可以定義多次的。

樣式控制：css方法

                                      // $("#div1").css("background-color","red");

                        $("#div1").css("backgroundColor","pink");

（2）分類

A．基本選擇器有標(biāo)簽選擇器，語法是$("html標(biāo)簽名")獲得所有匹配標(biāo)簽名稱的元素；id選擇器，語法是$("#id的屬性值")獲得與指定id屬性值匹配的元素；類選擇器，語法是$(".class的屬性值")獲得與指定的class屬性值匹配的元素；并集選擇器，語法是$("選擇器1,選擇器2....")獲取多個選擇器選中的所有元素。

B．層級選擇器有后代選擇器，語法是$("A B ")選擇A元素內(nèi)部的所有B元素；子選擇器，語法是$("A > B")選擇A元素內(nèi)部的所有B子元素。

C．屬性選擇器有屬性名稱選擇器，語法是$("A[屬性名]")包含指定屬性的選擇器；屬性選擇器，語法是$("A[屬性名='值']")包含指定屬性等于指定值的選擇器；復(fù)合屬性選擇器，語法是$("A[屬性名='值'][]...")包含多個屬性條件的選擇器。

D．表單過濾選擇器有可用元素選擇器，語法是:enabled 獲得可用元素，不可用元素選擇器 ，語法是:disabled 獲得不可用元素；選中選擇器，語法是:checked 獲得單選/復(fù)選框選中的元素；選中選擇器，語法是:selected 獲得下拉框選中的元素。

上述內(nèi)容就是前端jQuery有哪些基礎(chǔ)的學(xué)習(xí)筆記，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注億速云行業(yè)資訊頻道。