摘要:JQuery語法是為了選取HTML元素而編制的,其目的就是為了操作HTML元素!$ 符號(hào)聲明變量相當(dāng)于javaScript中的var操作符?。。±?name //這個(gè)變量名是$nameJQuery基本語法:$(selector).action()例:$("div").hide();說明:$是JQuery聲明變量的關(guān)鍵字(相當(dāng)于JacaScript的var操作符)&
JQuery語法是為了選取HTML元素而編制的,其目的就是為了操作HTML元素!
$ 符號(hào)聲明變量相當(dāng)于javaScript中的var操作符!??!
例:$name //這個(gè)變量名是$name
JQuery基本語法:
$(selector).action()
例:$("div").hide();
說明:$是JQuery聲明變量的關(guān)鍵字(相當(dāng)于JacaScript的var操作符)
(selector)為選擇器,是指需要進(jìn)行操作的對(duì)象(即:“查詢”和“查找”HTML元素)
action()指具體的操作和處理(即:執(zhí)行對(duì)元素的操作)也就是方法!
本節(jié)課學(xué)到的jQuery方法有: //hide()(隱藏元素) //show()(顯示元素)//click() (觸發(fā)事件)
總結(jié):首先要有$符號(hào)!緊跟著是一個(gè)選擇器用法和css一樣!然后連接上要對(duì)元素執(zhí)行的操作或方法!
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="JQuery/jquery-3.3.1.js"></script> <script> $name="如初" //$name 就是變量名稱?。?! alert($name)//不加就緒函數(shù)就是由上而下依次執(zhí)行! var age=25; //用var操作符聲明變量! alert(age); </script> </head> <body> <script> $(document).ready(function() { //加了就緒函數(shù)后就是等頁面完全加載完成后在執(zhí)行內(nèi)部函數(shù)! $("div").hide(); //隱藏 $("button").click(function(){ //click是jQuery的方法! $("div").show();//顯示 }) }); </script> <div style="width: 500px;height: 500px;background-color: red;"></div> <button>出現(xiàn)</button> </body> </html>
總結(jié):如果不加就緒函數(shù)的話也可以執(zhí)行只是為了防止出錯(cuò),例如如果你不加就緒表達(dá)式的話就會(huì)由上而下依次執(zhí)行js代碼,當(dāng)執(zhí)行js代碼的時(shí)候如果你的操作的元素還沒有被加載處理就會(huì)出錯(cuò)!反之js代碼寫在就緒函數(shù)內(nèi)部就會(huì)等頁面完全加載只后在執(zhí)行就緒函數(shù)內(nèi)部的js代碼!
ps:上述是否正確或者有什么不妥的地方希望老師指出問題!!!
以下是我的問題!我測(cè)試聲明變量的時(shí)候不加$也可以!表示有點(diǎn)不太明白$符號(hào)的用處到底是什么?
批改老師:韋小寶批改時(shí)間:2019-01-05 17:31:52
老師總結(jié):總結(jié)的非常完美!代碼寫的很不錯(cuò)!帶$的變量都是jQuery對(duì)象,不帶$的是普通變量或者是DOM對(duì)象。具體的你可以查看一下兩者的類型!