abstract:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQ基础语法</title> <script type="text/javascr
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQ基础语法</title> <script type="text/javascript" src="jquery-3.3.1.min.js"></script> </head> <body> <script type="text/javascript"> //$(选择器.)action() $(document).ready(function(){ // $str="我是一个声明变量" // alert($str); $("div").hide() $("button").click(function(){ $("div").show() }) }) </script> <div style="width: 100px;height:100px;background:pink;"></div> <button>点击</button> </body> </html>
$(selector).action()
$是JQ声明变量的关键字,类似js的var操作符
(selector)为选择器,是指需要进行操作的对象,查找和查询HTML元素
示例
$(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有段落 $(".test").hide() - 隐藏所有 class="test" 的所有元素 $("#test").hide() - 隐藏所有 id="test" 的元素
$(document).ready(function(){ }); //文档就绪函数
Correcting teacher:灭绝师太Correction time:2018-12-18 09:21:05
Teacher's summary:基础知识练习比较简单,后期要运用到实例中,要学会熟练运用