小码哥的IT人生

首页 > JS > jQuery

jQuery 教程

jQuery 2022-04-25 02:16:56小码哥的IT人生shichen

jQuery 教程

jQuery 是一个 JavaScript 库。

jQuery 极大地简化了 JavaScript 编程。

jQuery 很容易学习。

每一章中用到的实例

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("p").click(function(){
  $(this).hide();
  });
});
</script>
</head>
<body>
<p>If you click on me, I will disappear.</p>
</body>
</html> 

完整实例:

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
</head>
<body>
<p>如果您点击我,我会消失。</p>
<p>点击我,我会消失。</p>
<p>也要点击我哦。</p>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

通过点击 "TIY" 按钮来看看它是如何运行的。

您将学到什么

在本教程中,您将通过教程以及许多在线实例,学到如何通过使用 jQuery 应用 JavaScript 效果。

jQuery 是一个“写的更少,但做的更多”的轻量级 JavaScript 库。

基本上,您将学习到如何选取 HTML 元素,以及如何对它们执行类似隐藏、移动以及操作其内容等任务。

您需要具备的基础知识

在您开始学习 jQuery 之前,您应该对以下知识有基本的了解:

  1. HTML
  2. CSS
  3. JavaScript

如果您需要首先学习这些科目,请在我们的 首页 查找这些教程。

jQuery 实例

通过实例来学习!在 phpcodeweb,您将找到许多可以在线编辑并测试的 jQuery 实例。

jQuery 实例

jQuery 参考手册

在 phpcodeweb,您将找到包含所有 jQuery 对象和函数的完整参考手册。

jQuery 参考手册

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024