1.11 JavaScript 常用库：jQuery

海阔平

已于 2023-05-15 17:12:08 修改

阅读量396

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript jquery 前端

于 2023-05-10 16:06:00 首次发布

49 篇文章

订阅专栏

本文介绍了jQuery的使用，包括通过<script>引入，选择器如$(selector)，事件绑定与解绑.on()和.off()，元素操作如隐藏显示，以及添加删除类和CSS操作。还提到了AJAX的GET和POST方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在<head>元素中添加：

<script src="https://cdn.acwing.com/static/jquery/js/jquery-3.3.1.min.js"></script>
按jQuery官网提示下载

$(selector)，例如：

$('div');
$('.big-div');
$('div > p')

selector类似于CSS选择器。

$(selector).on(event, func)绑定事件，例如：

$('div').on('click', function (e) {
    console.log("click div");
})

$(selector).off(event, func)删除事件，例如：

$('div').on('click', function (e) {
    console.log("click div");

    $('div').off('click');
});

当存在多个相同类型的事件触发函数时，可以通过click.name来区分，例如：

$('div').on('click.first', function (e) {
    console.log("click div");

    $('div').off('click.first');
});

在事件触发的函数中的return false等价于同时执行：

$('div').css({
    width: "200px",
    height: "200px",
    "background-color": "orange",
});

不需要背每个标签该用哪种，用到的时候Google或者百度即可。

$.ajax({
    url: url,
    type: "GET",
    data: {
    },
    dataType: "json",
    success: function (resp) {

    },
});

$.ajax({
    url: url,
    type: "POST",
    data: {
    },
    dataType: "json",
    success: function (resp) {

    },
});