JQ语法选择器事件

最新推荐文章于 2023-04-05 11:38:32 发布

paidaboluo

最新推荐文章于 2023-04-05 11:38:32 发布

阅读量342

点赞数

文章标签： javascript 前端 jquery

本文链接：https://blog.csdn.net/paidaboluo/article/details/126247896

版权

这篇博客介绍了jQuery的基本概念，包括它是一个轻量级的JavaScript库，提供HTML元素操作、CSS操作等功能。讲解了在Vue项目中安装jQuery的步骤，并详细阐述了jQuery的基础语法、选择器和事件。此外，还通过一个简单的示例展示了如何使用jQuery一行代码实现tab切换。

摘要由CSDN通过智能技术生成

什么是 jQuery ？

1.jQuery 是一个 JavaScript 函数库。

2.jQuery 是一个轻量级的"写的少，做的多"的 JavaScript 库。

3.jQuery 库包含以下功能：

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

注：除此之外，jQuery 还提供了大量的插件。

Vue JQ的安装

npm安装

npm i jquery --save

配置vue.config.js

const webpack = require('webpack');
module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery",
        "window.jQuery": "jquery",
        Popper: ["popper.js", "default"]
      })
    ]
  }
}

最后再main.js 中全局引入一下