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