12.jquery · 学习笔记

~~~ <title>Document</title> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> </head> <body> <div id="test"> hello world </div> <script> /* jquery支持所有的css选择器 */ /* 1.获取dom节点 */ var test = $('#test'); /* 2.事件 */ // test.click(function(){ // console.log("hello world") // }) /* 3.改变样式,内容 $(selector).css({}) $(selector).html() */ test.click(function(){ $(this).css({color:"red",backgroundColor:"yellow"}).html("change") }) </script> </body> ~~~