jQuery的基础语法

Original 2019-02-10 10:56:00 204
abstract:jquery是简化的Javascriptjquery要使用首先要在HTML头部引入,在HTML<body>里写入jQuery就绪函数 $(document).ready(function(){})jQuery的基本语法:$(selector).action()<!DOCTYPE html><html><head><meta charset=&q
  1. jquery是简化的Javascript

  2. jquery要使用首先要在HTML头部引入,在HTML<body>里写入jQuery就绪函数 $(document).ready(function(){})

  3. jQuery的基本语法:$(selector).action()

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>jquery的基础语法</title>

<script src="jquery-3.3.1.js"></script>

</head>

<body>

    <div style="width: 100px;height: 100px;background: #ccc;"></div>

    <button id="btn1">点击隐藏</button>

    <button id="btn2">点击显示</button>

<script>

//文档就绪函数

//jquery基本语法:$(选择器).action()

      $(document).ready(function(){  

        $('#btn1').click(function(){

         $('.box').hide();

        })

         $('#btn2').click(function(){

         $('.box').show();

        })

      })

</script>

</body>

</html>


Correcting teacher:查无此人Correction time:2019-02-11 09:52:48
Teacher's summary:完成的不错。jQuery比js简单。jQuery就是选择器很重要,其他的都是操作方法。继续加油。

Release Notes

Popular Entries