前端jQuery有哪些基礎的學習筆記

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

1、jQuery的概念

jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優秀的JavaScript代碼庫。jQuery設計的宗旨是倡導寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。總的來講，jQuery就是一個JavaScript框架，可以簡化JavaScript開發。

2、jQuery快速入門

下載JQuery，導入JQuery的js文件：導入min.js文件，使用：

var div1 = $("#div1");

alert(div1.html());

3、JQuery對象和JS對象區別與轉換

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

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

（3）兩者相互轉換：

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

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

4、選擇器

（1）基本操作

事件綁定：

                                     //1.獲取b1按鈕

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

                         alert("abc");

                     });

入口函數：

                                      $(function () {

                             });

                                      window.onload  和 $(function) 區別

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

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

樣式控制：css方法

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

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

（2）分類

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

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

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

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

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