一、關于JQuery？

• jQuert 是一個快的、小的JavaScript類庫。
• 它使得html文檔遍歷和操作、事件處理、動畫、Ajax更容易使用。
• 可以工作在眾多的瀏覽器。

作用：

• ?寫更少的代碼，做更多的事情
• ?將我們頁面的JS代碼和HTML頁面代碼進行分離

?

JQuery中的選擇器

基本選擇器：

• ID選擇器：?? ?? #ID的名稱
• 類選擇器：??????? .類名
• 元素選擇器：???? 標簽的名稱
• 通配符選擇器：? *
• 選擇器,選擇器：選擇器1,選擇器2?? ?

層級選擇器：

• 子元素選擇器：? 選擇器1>選擇器2
• 后代選擇器:??? 選擇器1 兒孫
• 相鄰兄弟選擇器? 選擇器1+選擇器2:找出緊挨著的弟弟
• 找出所有弟弟選擇器:? 選擇器1~選擇器2

屬性選擇器：$("選擇器[屬性='屬性值']")? $("div[id]").css("","");
表單選擇器：$(":屬性") ?

例如：
?? ??? ??? ?$("#btn1").click(function(){
?? ??? ??? ??? ?alert($("option:selected").size());
?? ??? ??? ?})?? ??? ?

基本過濾器：過濾器：$("選擇器:first/odd/(get(2))")過濾奇數、偶數、大于2

?

JQ中根據ID查找元素

• 根據選擇器查找
• #ID{}
• .類名
• $("#ID的名稱");

JS和JQ之間的轉換

JQ對象，只能調用JQ的屬性和方法
JS對象，只能調用JS的屬性和方法

?

JQ開發步驟：(將頁面JS代碼和HTML代碼進行分離)

• 1.導入JQ相關的文件：
• 2.文檔加載完成事件：$(function):初始化頁面操作
• 3.確定相關操作的事件
• 4.事件觸發函數
• 5.函數里面再去操作相關的元素

轉載于:https://www.cnblogs.com/ltfxy/p/10142531.html

總結

以上是生活随笔為你收集整理的六 、JQuery的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。