JQuery基础语法作业

Original 2018-12-18 00:35:15 219
abstract:<!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>

QQ截图20181218002800.jpg

   $(selector).action()
     $是JQ声明变量的关键字,类似js的var操作符
     (selector)为选择器,是指需要进行操作的对象,查找和查询HTML元素    

示例

$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落
$(".test").hide() - 隐藏所有 class="test" 的所有元素
$("#test").hide() - 隐藏所有 id="test" 的元素
$(document).ready(function(){
 }); //文档就绪函数


Correcting teacher:灭绝师太Correction time:2018-12-18 09:21:05
Teacher's summary:基础知识练习比较简单,后期要运用到实例中,要学会熟练运用

Release Notes

Popular Entries