jQuery2021.3.9日【懵逼了啥也不是】【emmet语法】

小仙女本仙人 2022-12-21 发布于北京

展开全文

　　一、

　　（1）选择元素：$("")

　　（2）emmet语法【https://www.jianshu.com/p/99b5364618a6（emmet速查表链接©长情G）】

　　　　①ul>li*4{$}

　　　　(效果图)

　　二、

1.函数定义后是不被执行的，只有调用后才会被执行。注：不是用户调用的函数叫回调函数

　　 function sayhello(){

　　　　alter("Hello")

　　}定义

　　　sehello()调用

三、DOM与jQuery对象

　　见课本P6页

　　1.DOM

　　document ob

　　注：在DOM中一切都是节点

四、

今日代码

 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>