摘要:<!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(){
}); //文档就绪函数
批改老师:灭绝师太批改时间:2018-12-18 09:21:05
老师总结:基础知识练习比较简单,后期要运用到实例中,要学会熟练运用