通过按钮来显示或者隐藏小方块

原创 2019-03-09 13:43:24 733
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jquery</title> <script type="text/javascript" src="jquer
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<div style="width: 200px;height: 200px;background-color: pink"></div>
<button>显示</button>
<input type="submit" value="隐藏">
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("div").show()
})
$("input").click(function(){
$("div").hide()
})
})
</script>
</body>
</html>

通过jq来让显示按钮和隐藏按钮来绑定点击事件,使div显示或者隐藏,感觉写起来要比js代码要快的多

批改老师:韦小宝批改时间:2019-03-09 14:44:04
老师总结:写jQuery肯定是要比js快多了 jQuery是js的封装库 把很多js中长的以及复杂的代码进行了封装

发布手记

热门词条