jq：jQuery，是一個JavaScript函數庫，為了簡化js開發與編碼而封裝的js庫，是一個“寫得更少，做得更多”的js函數庫，為事件處理而特別設計的。現在我們來學習一下它。

1.jq庫：為事件處理特別設計的
?? ?production version：已被精簡，用在實際開發中
?? ?development version：未壓縮，可讀，用于測試與開發中
?? ?
2.下載jq庫或者使用CDN(內容分發網絡)：

//Google CDN:<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>//Microsoft CDN:<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>

??? 使用微軟或者Google的CDN優勢：
?? ??? ?很多用戶在訪問其他站點時，已經從微軟或者Google加載過js庫?，F在再訪問你的站點，就
?? ?可以使用緩存。而且CDN可以確保從最近的服務器加載文件。
?? ?
3.jq語法：

$(selector).action();$(this).hide(); $("p").hide(); $("#eid").hide(); $(".eclass").hide();

????
4.文檔就緒函數：
?? ?為了防止文檔在完全加載之前就運行js代碼，操作可能失敗。如：隱藏不存在的元素，獲取未加載圖片尺寸

$(document).ready(function(){...});//簡寫$().ready(function(){...});//或者$(function(){...});

???
5.jq選擇器：

元素選擇器(CSS選擇器)：$("p") $("p.intro") $("p#intro") $("ul li:first") //每個ul中的第一個li$("div#intro .head")屬性選擇器：$("[href]") $("[href='#']")

????
6.jq名稱沖突：
?? ?jQuery使用"$"符號作為jQuery的簡介方式。某些其他js庫中的函數(Prototype)同樣使用"$"符號。
?? ?為了避免沖突，使用noConflict()

var jq=jQuery.noConflict() //使用jq代替$

????
7.為了易于維護，使用jq原則：
?? ?將js代碼放在函數中?? ?
?? ?將函數放在就緒處理函數中($(document).ready(...))
?? ?將js代碼.js文件中
?? ?如果存在名稱沖突，重命名jQuery庫

8.jq事件：

$(document).ready() 文檔完成加載$().click() 點擊事件$().dbclick() 雙擊事件$().focus() 獲取焦點$().mouseover() 鼠標懸停

?

轉載于:https://www.cnblogs.com/kuai-man/p/10725687.html

總結

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

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