如何使用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 一#般我們使用這個）

#(http://jquery.com/可下載)

2.將JQuery的JS檔案拷貝到WEB的目錄下（放在建立的網頁目錄）

3.頁面引用js檔案（JQuery的JS）

#

        <script type="text/javascript" src="js/jquery-3.3.1.js"></script>

4.頁面中載入JQuery

#（上面的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()执行对元素的操作

        <script type="text/javascript">
		$(function(){
			alert("helloWorld");
		})
	</script>

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

filter怎样全局使用

如何获取dom内class的值

以上是如何使用js中JQuery框架的詳細內容。更多資訊請關注PHP中文網其他相關文章！