概述

之前,我们为了方便使用,封装了ajax.js,能够查找指定ID的DOM对象使用ajax变得非常简单;而我们做的这些,也早有编程大神做过,并且开放出来提供免费下载使用;jQuery就是一款免费且开放源代码的JavaScript代码库;提供了HTML文档操作,节点查找,事件处理,动画设计,Ajax交互等丰富的功能;并且兼容各种主流浏览器;
jQuery设计的宗旨就是:写更少的代码,做更多的事情;

入门使用

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <script src="../jquery-3.3.1.min.js"></script>
  9. </head>
  10. <body>
  11. <input type="button" id="btu" value="点击">
  12. <div id ="re">
  13. ssdasdasd
  14. </div>
  15. <script>
  16. $('#btu').click(function(){
  17. $('#re').css('backgroud','red');
  18. });
  19. </script>
  20. </body>
  21. </html>