jQuery 基础语法

原创 2019-01-17 20:49:36 202
摘要:<!DOCTYPE html> <html> <head>   <meta charset="UTF-8">   <meta name="viewport" content="width=device-width,&
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js"></script>
  <script type="text/javascript">
   //  $(document).ready(function(){
   //    // 开始写 jQuery 代码...
   //
   // });
   // //简洁写法
   // 选择器
   // $("p")  选择所有P元素
   // $("#test") 选择id等于test的元素
   // $(".test") 选择class=test的元素
   // $("*") 选取所有元素
   // $(this) 选取当前HMLT元素
   // $("p.intro") 选取class为intro的p元素
   // $("p:first") 选取第一个p元素
   // $("ul li:first") 选取第一个ul元素的第一个li元素
   // $("ul li:first-child") 选取每个ul元素的第一个li元素
   // $("[href]") 选取带有href属性的元素
   // $("a[target='_blank']") 选取书友target值等于_blank的a元素
   // $("a[target!='_blank']") 选取所有target属性不等于blank的a元素
   // $(":button") 选取所有type=button的元素和button元素
   // $("tr:even") 选取偶数位置的tr元素
   // $("tr:odd") 选取奇数位置的tr元素
   $(function(){  //防止dom未加载,jQuery代码就开始运行,导致运行失败。
     // 开始写 jQuery 代码...
     $('#tap1').click(function(){ //选择div元素/
       $('div').hide();//元素隐藏
     })
  });
  </script>
  <style media="screen" type="text/css">
    div{background: #e2c712 ;width: 100px;height: 100px}
  </style>
  <title>Document</title>
</head>
<body>
  <div class="" id="tap1">

  </div>

</body>
</html>
在其他地方看到说
$(document).ready()简写成
$(function(){
 
   // 开始写 jQuery 代码...
});
也可以,请问是对的么。

批改老师:查无此人批改时间:2019-01-18 09:11:11
老师总结:作业完成的不错。$(function(){ }); 这样是可以的,这个是jQuery的,继续加油

发布手记

热门词条