摘要:<!DOCTYPE html> <html> <head> <meta charset="uft-8"> <title>jQuery的基础语法</title> <script type="text/javasc
<!DOCTYPE html>
<html>
<head>
<meta charset="uft-8">
<title>jQuery的基础语法</title>
<script type="text/javascript" src="jquery-3.3.1.js"></script> <!-- 把jQuery添加到页面中 -->
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){ //文档就绪函数 作用:防止文档在完全加载之前运行jQuery代码,防止出错
// $str="我是一个声明变量" //$声明变量的关键字
// alert($str); //jQuery基本语法: $(selector:选择器).action:动作事件()
$("#aa").click(function(){ //$(选择器) 获取到id为aa的元素 给一个点击的动作事件 运行以下函数
$("div").hide() //获取到元素div hide:隐藏
})
$("#bb").click(function(){
$("div").show() //show:显示
})
})
</script>
<div style="width:100px; height:100px; background: pink;"></div>
<button id="aa">隐藏</button>
<button id="bb">显示</button>
</body>
<html>
批改老师:韦小宝批改时间:2019-01-09 09:32:50
老师总结:写的还可以 , 基础是很重要的 , 要没事多练习 , 文档就绪函数还有一个简写的方式 至于是怎么写的 自己去找吧