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

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

//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優(yōu)勢：
?? ??? ?很多用戶在訪問其他站點時，已經(jīng)從微軟或者Google加載過js庫。現(xiàn)在再訪問你的站點，就
?? ?可以使用緩存。而且CDN可以確保從最近的服務(wù)器加載文件。
?? ?
3.jq語法：

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

????
4.文檔就緒函數(shù)：
?? ?為了防止文檔在完全加載之前就運行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庫中的函數(shù)(Prototype)同樣使用"$"符號。
?? ?為了避免沖突，使用noConflict()

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

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

8.jq事件：

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

?

轉(zhuǎn)載于:https://www.cnblogs.com/kuai-man/p/10725687.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。