|
在JQuery文件中下載，并將其引入html文件。在使用jQuery之前，我們需要到j(luò)Query的官方網(wǎng)站：“https:///download/”
把下載好的文件放到工程根目錄下，然后在這個根目錄下創(chuàng)建index.html文件。最后，將下載的JQuery文件引入index.html文件，其代碼如下： <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="jquery-3.5.1.min.js"></script></head><body></body></html>1234567891011121314151617181920212223242526272829復(fù)制代碼類型：[html] 通過引入script標(biāo)簽，JQuery被引入到subject的subject中，subject是： 接下來，我們將研究JQuery的基本語法，并對其進行一些介紹。 示例1:$("div").hide()；此行表示隱藏div元素； 例子2:$(".box1").hide()；這行代碼意味著class屬性隱藏在box1的元素中； 示例3:$("#wrap").hide()；這行代碼表示隱藏元素id的值為wrap； 示例4:$("hide.box1").hide()；這一行代碼意味著，隱藏帶有box1的cycle屬性的hv元素； 從上面的例子中可以看出，JQuery語法非常簡單，只需要一個美元符號$，后面跟著一個html的元素選擇符(與我們之前學(xué)到的css選擇符高度一致)，然后在后面加上JQuery的方法，例如hide(show等等)。 無論顯示或隱藏元素時，都需要一個事件來觸發(fā)該動作，我們常用的觸發(fā)方式是鼠標(biāo)點擊，比如你用鼠標(biāo)點擊一個按鈕，然后頁面上就會彈出一個提示框，通過點擊來觸發(fā)效果，我們稱之為“事件”。點擊JQuery中事件的書寫方式為：$("div").click(function(){...})，此代碼意味著在div標(biāo)簽被點擊之后觸發(fā)事件，具體事件內(nèi)容以函數(shù)形式寫入。除單擊事件外，JQuery還可以通過鼠標(biāo)移動事件、雙擊事件、元素獲取焦點事件等方式進行學(xué)習(xí)，后面我們將一一介紹，并查看JQuery如何使用。 <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="jquery-3.5.1.min.js"></script></head><style>.box1 {width: 100px;height: 100px;background-color: red;
}</style><body><button id="btn1">點我隱藏元素</button><div class="box1"></div></body><script>$(document).ready(function(){
$("#btn1").click(function(){
$(".box1").hide();
})
})</script></html>1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253復(fù)制代碼類型：[html]在以上代碼中，我們定義了一個button元素，一個div元素，然后點擊按鈕button，這個div元素就會被隱藏起來，各位同學(xué)可以嘗試一下。在代碼的最后一部分，包含了一段script標(biāo)簽，這段是JavaScript代碼，所有的JavaScript代碼都將被放置在script標(biāo)簽中以執(zhí)行。 接下來是代碼的第一句話：$(document).ready(function){...}，這是JQuery的固定寫法，意思是頁面加載后立即執(zhí)行，執(zhí)行代碼被寫入function函數(shù)的方法中(即{}內(nèi))。我們已經(jīng)看到了這一方法。 $("#btn1").click(函數(shù)){ $(".box1").hide()； }) 這個代碼就是我們前面提到的click事件，當(dāng)單擊id值為btn1的按鈕時，會引發(fā)一個click元素的隱藏事件，click元素的名字叫做box1。 |
|
|
