サマリー:JQuery語法是為了選取HTML元素而編制的,其目的就是為了操作HTML元素!$ 符號聲明變量相當于javaScript中的var操作符?。?!例:$name //這個變量名是$nameJQuery基本語法:$(selector).action()例:$("div").hide();說明:$是JQuery聲明變量的關鍵字(相當于JacaScript的var操作符)&
JQuery語法是為了選取HTML元素而編制的,其目的就是為了操作HTML元素!
$ 符號聲明變量相當于javaScript中的var操作符?。?!
例:$name //這個變量名是$name
JQuery基本語法:
$(selector).action()
例:$("div").hide();
說明:$是JQuery聲明變量的關鍵字(相當于JacaScript的var操作符)
(selector)為選擇器,是指需要進行操作的對象(即:“查詢”和“查找”HTML元素)
action()指具體的操作和處理(即:執(zhí)行對元素的操作)也就是方法!
本節(jié)課學到的jQuery方法有: //hide()(隱藏元素) //show()(顯示元素)//click() (觸發(fā)事件)
總結:首先要有$符號!緊跟著是一個選擇器用法和css一樣!然后連接上要對元素執(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í)行內部函數(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>
總結:如果不加就緒函數(shù)的話也可以執(zhí)行只是為了防止出錯,例如如果你不加就緒表達式的話就會由上而下依次執(zhí)行js代碼,當執(zhí)行js代碼的時候如果你的操作的元素還沒有被加載處理就會出錯!反之js代碼寫在就緒函數(shù)內部就會等頁面完全加載只后在執(zhí)行就緒函數(shù)內部的js代碼!
ps:上述是否正確或者有什么不妥的地方希望老師指出問題!!!
以下是我的問題!我測試聲明變量的時候不加$也可以!表示有點不太明白$符號的用處到底是什么?
添削の先生:韋小寶添削時間:2019-01-05 17:31:52
先生のまとめ:總結的非常完美!代碼寫的很不錯!帶$的變量都是jQuery對象,不帶$的是普通變量或者是DOM對象。具體的你可以查看一下兩者的類型!