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>