如何使用js中JQuery框架

這次給大家帶來如何使用js中JQuery框架，使用js中JQuery框架的註意事項有哪些，下面就是實戰案例，壹起來看壹下。 jQuery是壹個快速、簡潔的JavaScript框架，是繼Prototype之後又壹個優秀的JavaScript代碼庫（或JavaScript框架）。jQuery設計的宗旨是：倡導寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供壹種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互，極大地簡化來了JavaScript編程。 jQuery的核心特性可以總結為：具有獨特的鏈式語法和短小清晰的多功能接口；具有高效靈活的css選擇器，並且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE6.0+、FF1.5+、Safari2.0+、Opera9.0+等。JQuery的安裝步驟：

1.下載相應的文件庫（每壹個同壹版本的JQuery文件庫，都分為兩個，壹個是未壓縮版，可查看源碼，開發時使用，（jquery-3.3.1.js）

壹個是壓縮版，將註釋，空格均作了刪除，將變量字符數刪少，產品上線時使用（jquery-3.3.1.min.js）帶min 壹般我們使用這個）

(/ 可下載)

2.將JQuery的JS文件拷貝到WEB的目錄下（放在創建的網頁目錄）

3.頁面引用js文件（JQuery的JS）

（上面的script只是引用jQuery的，想要載入JQuery只能在寫壹個script）

有三種方法：

第壹種：

$(document).ready(function(){

func(xxx)//執行函數

});

//.ready函數是當DOM（文檔對象模型）已經加載，並且頁面（包括圖像）已經完全呈現時，會發生ready事件，為了防止文檔在完全加載（就緒）之前運行 jQuery 代碼。第二種：

$(function(){

func(xxx)//執行函數

});第三種：

jQuery(function($) {

func(xxx)//執行函數

});基本語法：

$(selector).action()美元符號定義JQuery

選擇符（selector）"查詢"和“查找” HTML元素

JQuery的action()執行對元素的操作

$(function(){

alert("helloWorld");

})

</script>相信看了本文案例妳已經掌握了方法，更多精彩請關註Gxl網其它相關文章！