一、
1.
(1)選擇元素:$("")
(2)emmet語法【https://www.jianshu.com/p/99b5364618a6(emmet速查表鏈接?長情G)】
①ul>li*4{$}
二、
1.函數定義后是不被執行的,只有調用后才會被執行。注:不是用戶調用的函數叫回調函數
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>Document</title> 8 <script src="../jquery.js"></script> 9 </head> 10 <body> 11 <button>say hello</button> 12 <button>say hi</button> 13 <div id="myid">我的地址</div> 14 <!-- div+#"id名稱"實現上一行--> 15 <div class="myclass"></div> 16 <!-- div+.“名稱(注:有一個點)實現上一行 --> 17 <script> 18 //javascript函數定義方法 19 //function sayhello(){ 20 // alter("hello") 21 //} 22 //匿名函數 23 24 //alert(document.getElementsByTagName("button")[0]) 25 //原始javascript獲取button對象的方法 26 console.log(document.getElementsByTagName("button")[0]) 27 //jQurey獲取button對象的方法 28 console.log($("button")[1]) 29 $("button").click(function(){ 30 alert("hello") 31 })//click:在點擊的時候 32 alert($("#myid").html())//獲取元素的內容 33 $("#myid").html("嘿嘿")//設置元素的內容為“嘿嘿”執行這一行后,網頁中id為myid的元素內容變更為“嘿嘿” 34 alert($("#myid").html())//獲取元素的內容(指“嘿嘿”) 35 // $("#myid")選擇myid 36 // $(".myclass")選擇myclass 37 38 function sayhello(){ 39 alter("Hello") 40 }//定義 41 sehello()//調用 42 43 ( function(){ 44 alter("Hello") 45 })()//匿名函數的定義調用 46 47 //↓對事件的綁定 48 //不是用戶調用的函數叫回調函數 49 $("button").click(function(){ 50 alter("Hello") 51 }) 52 //jquery鏈式操作 53 $("ul").find("li").ep(2).html("三") 54 console.log($("ul")) 55 </script> 56 <ul> 57 <li>1</li> 58 <li>2</li> 59 <li>3</li> 60 <li>4</li> 61 </ul>//這里執行的ul>li*4{$} 62 </body> 63 </html>