jquery基础语法

Original 2019-02-27 16:39:29 168
abstract:<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>jquery基础语法</title>    <script type=&q

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>jquery基础语法</title>
   <script type="text/javascript" src="jquery-3.3.1.js"></script>
</head>
<body>

<script>
$(document).ready(function(){//文档就绪函数

$("#show").hide();

       $("#show").click(function () {
$("#box").show();
           $("#show").hide();
           $("#hide").show();
       });
       $("#hide").click(function () {
$("#box").hide();
           $("#show").show();
           $("#hide").hide();
       });

   })
</script>

<div id ="box" style="width: 100px;height: 100px;background: pink;"></div>
<button id="show">显示</button>
<button id="hide">隐藏</button>
</body>
</html>

Correcting teacher:韦小宝Correction time:2019-02-28 09:07:27
Teacher's summary:jquery 的基础语法和js的还是有那么一点相似的 但是比js要简单的多

Release Notes

Popular Entries