jQuery学习第一天——认识jQuery

羽蒙

于 2020-06-01 17:01:09 发布

阅读量99

点赞数 1

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/qq_43436136/article/details/106476721

版权

jQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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

jQuery 库包含以下特性：

HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities

怎么添加jQuery库？
可以进行下载:[link]jquery.com
然后将下载文件放在所需目录下。

关于jQuery的相关语法：
这里以函数hide（）为例：
1.当前的HTML标记
$(this).hide()
2.使用标签ID
$("#test").hide()
这里的test表示该标签的ID，记住要加#
3.使用标记名
$(“p”).hide()
4.使用类名
$(".test").hide()
注意加“.”，test为class名

jQuery的基础语法：
$(selector).action()
其中美元符号为定义jQuery，selector为查询和查找HTML元素，action为对元素进行执行相关操作。

实例：点击p标签使其消失
代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery学习第一天</title>
<script type="text/javascript" src="jquery-3.5.1.js"></Script>
<script type="text/javascript">
    $(document).ready(function () {
        $("p").click(function () {
            $(this).hide(); //隐藏
        });
    });
</script>
</head>
<body>
<p>如果点击我，我会消失。</p>
<p>点击我，我也会消失。</p>
<p>还有我。</p>
</body>
</html>