JQuery介绍与使用

最新推荐文章于 2023-08-12 10:47:33 发布

ly-learn-mn

最新推荐文章于 2023-08-12 10:47:33 发布

阅读量137

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_41988054/article/details/109169134

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JQuery

1，介绍
jQuery 是一个 JavaScript 库，极大的简化了JavaScript的编程。

2，安装方式
（1）从JQuery官网下载
（2）从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery
（3）实列

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>   //在线链接，引用JQuery
<script src="jquery-1.10.2.min.js"></script>   //通过下载后引用

3，使用方式
$(selector).action()
(1) $代表开始使用JQuery。
（2）selector代表要操作的对象，使用方式相当于css的选择器。
（3）action代表操作的方式（如click-点击，ready-加载完毕。。等）。
（4）最后括号里（）可放入方法，操作后达到的效果。

4，参考文档
w3c参考文档

5，简单的列子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JQuery-test</title>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>   //在线链接，引用JQuery
</head>
<body>
    <p></p><a href="" id="test-JQuery">点我</a></p>
    <script>
        $('test-JQuery').click(function () {
            alert('hi!')
        })
    </script>

</body>
</html>

6，遇到的问题（不定时）

引用
（1）https://www.w3school.com.cn/jquery/jquery_ref_manipulation.asp
（2）https://www.bilibili.com/video/BV1JJ41177di

ly-learn-mn

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery介绍与使用

JQuery1，介绍jQuery 是一个 JavaScript 库，极大的简化了JavaScript的编程。2，安装方式（1）从JQuery官网下载（2）从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery（3）实列<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> //在线链接，引用JQuery<script src="jquery-1.10.2.m
复制链接

扫一扫

专栏目录