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)
#463417320b7ac4e89d1cba7b95f3d8c62cacc6d41bbb37262a98f745aa00fbf0
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()执行对元素的操作
8019067d09615e43c7904885b5246f0a $(function(){ alert("helloWorld"); }) 2cacc6d41bbb37262a98f745aa00fbf0
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
以上是如何使用js中JQuery框架的詳細內容。更多資訊請關注PHP中文網其他相關文章!