JavaScript----jQuery的学习

1.选择器是jQuery的核心，一个选择器写出来类似于：$("#idemo-d")。利用选择器可以快速的定位到一个或者多个Dom节点。

其中：$ / jQuery是jQuery的工厂函数，将document对象加工成jQuery对象；

（）:选择什么对象进去进行加工；

$().事件：jQuery写好的各种方法；

$(选择器).事件（事件函数）。

2.jQuery对象类似数组，它的每一个元素都是DOM节点对象的引用，并且jQuery对象和Dom对象还可以互相转化： eg：var div = $("#div-id"); var new_ = $(div);

属性的选择：

eg：在一个表单中按属性来查找：$("[属性名='属性值']")

实例：对Button的按压~~~

 1 <html lang="en">
 2 <head>
 3     <meta charset="UTF-8">
 4     <title>Title</title>
 5 
 6     <!--使用jQuery-->
 7     <script src="jquery-3.4.1.js"></script>
 8 
 9 </head>
10 <body>
11 
12 <div id="div1">kjbcsdk </div>
13 <input type="button" value="press">
14 
15 <script>
16     //$ /Jquery 是jquery的工厂函数--->将document对象加工为jQuery对象
17     //()  ->选择设什么东西加工
18     //.事件  jQuery写好的各种方法
19     // $(选择器).事件(事件函数)
20 
21 
22     //文档加载事件
23     $(document).ready(function () {
24        alert("jQuery!!!");
25     });
26 
27     //id的选择
28     $("#div1").hide();
29     var d=$("#div1");
30     console.log(d);
31 
32     //属性的选择====》对一个按钮进行操作
33     $("[value='press']").keydown(function (event) {
34 
35         //输出键盘键的码
36         console.log(event.keyCode);
37         console.log("按压下来了！");
38     });
39     $("[value='press']").keypress(function () {
40         console.log("按压中！");
41     });
42     $("[value='press']").keyup(function () {
43         console.log("释放！");
44     })
45 
46 
47 </script>
48 
49 </body>
50 </html>