1 jQuery是什么?

jQuery是对JavaScript的封装,是一种JavaScript框架
让javascript更好用,更简单
它是免费、开源的JavaScript函数库,
jQuery 极大地简化了 JavaScript 编程

2 jQuery的用法

  1. // 以上省略...
  2. <!-- 导入jquery对应的js文件 -->
  3. <script src="js/jquery-1.12.4.min.js"></script>
  4. <!-- 使用jquery需要重新开一个script标签 -->
  5. <script>
  6. // 原生js写法
  7. window.onload = function(){
  8. // 当前页面的标签和标签使用的资源数据都加载完成, onload事件才会触发
  9. var oDiv = document.getElementById("div1");
  10. alert(oDiv);
  11. };
  12. // $符号就是jquery的象征, 函数和变量名都要以$开头
  13. $(document).ready(function(){
  14. // ready等待页面标签加载完就执行ready
  15. var $div = $("#div1");
  16. alert($div)
  17. });
  18. </script>
  19. </head>
  20. <body>
  21. <div id="div1">哈哈</div>
  22. <img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1796762658,4159569164&fm=26&gp=0.jpg" alt="">
  23. </body>
  24. </html>

注:

$(document).ready(function(){}); 等价于 $(function(){});

3 为什么函数和变量名都要以$开头?

比如 var table=$(“#myTable”) 和 var $table=$(“#myTable”)的区别。
其实这里的table和$table 没有区别 都代表一个jquery对象,
只是 var $table是一种习惯,表示我定义的这个对象就是jquery对象,
起到和javascript对象区分开的效果