1、基础语法学习:
1、事件绑定
2、入口函数
3、样式控制
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>事件绑定</title> <script src="../js/jquery-3.3.1.js"></script> <script> // 给b1按钮添加单击事件 //js:加载完成后 // window.onload = function () { // // 1、获取b1按钮 // $("#b1").click(function () { // alert("abc"); // }) // } /* 入口函数:window.onload 和 $(function)的区别 * window.onload 只能定义一次,如果定义多次,后边的会将前边的覆盖掉 * $(function) 可以定义多次 */ // $(function(){ // alert("1"); // }); // $(function(){ // alert("2"); // }); //jquery入口函数(dom文档加载完成之后执行该函数中的代码) $(function () { // 1、获取b1按钮 //事件绑定 $("#b1").click(function () { alert("abc"); }) }); $(function(){ // 第一种写法 // $("#div1").css("background-color","red"); // 第二种写法 $("#div1").css("backgroundColor","pink"); }) </script> </head> <body> <div id="div1">div1...</div> <div id="div2">div2...</div> <input type="button" id="b1" value="点我"> </body> </html>