jQuery 教程

jQuery 是一个优秀的轻量级 JavaScript 库。

jQuery 极大地简化了 JavaScript 编程。

jQuery 很容易学习,它是前端脚本编程的利器。


学前知识

在开始学习 jQuery 之前,您应该对下面的知识有一定了解:

如果你想先学习这些课程,可以在本站的 主页 上找到相关教程。


每章实例

本站的在线编码工具使学习 jQuery 变得很容易。您可以编辑代码并在浏览器中查看结果:

实例
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("p").click(function(){
  8. $(this).hide();
  9. });
  10. });
  11. </script>
  12. </head>
  13. <body>
  14. <p>如果你点击这里,就会消失。</p>
  15. <p>点击这里离开!</p>
  16. </body>
  17. </html>

点击 "试一试" 按钮来亲自体验代码如何工作。


jQuery 实例

通过例子学习!在本站,你会发现很多 jQuery 示例需要自己编辑和测试。

查看所有 jQuery 示例


jQuery 参考引用

在本站,您可以找到所有 jQuery 选择器、方法、属性和事件的完整参考资料。

查看 jQuery 参考引用