学习周记7

最新推荐文章于 2022-09-02 16:21:29 发布

SZX33

最新推荐文章于 2022-09-02 16:21:29 发布

阅读量93

点赞数

分类专栏：笔记文章标签： jquery

本文链接：https://blog.csdn.net/weixin_46353089/article/details/116024170

版权

笔记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

学习目标：

了解并学习jQuery
jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。

学习内容：

jQuery 是一个 JavaScript 函数库。
jQuery 是一个轻量级的"写的少，做的多"的 JavaScript 库。
jQuery 库包含以下功能：
（1）HTML 元素选取
（2）HTML 元素操作
（3）CSS 操作
（4）HTML 事件函数
（5）JavaScript 特效和动画
（6）HTML DOM 遍历和修改
（7）AJAX
（8）Utilities
jQuery 效果
隐藏、显示、切换，滑动，淡入淡出，以及动画

学习产出：

jQuery 效果：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide();
  });
  $("#show").click(function(){
    $("p").show();
  });
});
</script>
</head>
<body>
<p>如果你点击“隐藏” 按钮，我将会消失。</p>
<button id="hide">隐藏</button>
<button id="show">显示</button>
</body>
</html>