博客
关于我
jQuery下载和安装详细教程
阅读量:85 次
发布时间:2019-02-26

本文共 1324 字,大约阅读时间需要 4 分钟。

??????????jQuery

jQuery ?????? JavaScript ?????????????????????? React?Vue ? Angular ????? jQuery?


?? jQuery

?? npm ??

???? npm ??????

npm install jquery --save

????????

cnpm install jquery --save

???? React ? Vue ??????????? package.json ?????? jQuery?


React ????? jQuery

1. ?? jQuery

????????????

cd ????npm install jquery --save

2. ?? jQuery

? src ????? App.js?

import React, { Component } from 'react';import $ from 'jquery';export default class App extends Component {  componentDidMount() {    // ???? jQuery    console.log($("button[type='button']").text());  }  render() {    return (      
); }}

Vue ????? jQuery

1. ?? jQuery

??????????

npm install jquery --save

2. ?? Vue ??

?? webpack.base.conf.js?

const webpack = require('webpack');module.exports {  // ... ???? ...  plugins: [    new webpack.ProvidePlugin({      $: 'jquery',      jQuery: 'jquery'    })  ]}

3. ?? jQuery

? App.vue ??


Angular ????? jQuery

1. ????

???????

npm install --save jquerynpm install --save @types/jquery

2. ?? jQuery

???????

import * as $ from 'jquery';// ???? jQuery$document = $(document);$documentready(function() {  $('#btnId').on('click', function() {    alert('jQuery!');  });});

??

??????????? React?Vue ? Angular ??????? jQuery?????????????????????? jQuery ???????

转载地址:http://nudk.baihongyu.com/

你可能感兴趣的文章
Netty的Socket编程详解-搭建服务端与客户端并进行数据传输
查看>>
Netty相关
查看>>
Network Dissection:Quantifying Interpretability of Deep Visual Representations(深层视觉表征的量化解释)
查看>>
Network Sniffer and Connection Analyzer
查看>>
Nginx + uWSGI + Flask + Vhost
查看>>
Nginx Location配置总结
查看>>
Nginx 反向代理解决跨域问题
查看>>
nginx 后端获取真实ip
查看>>
Nginx 学习总结(17)—— 8 个免费开源 Nginx 管理系统,轻松管理 Nginx 站点配置
查看>>
nginx 常用配置记录
查看>>
Nginx 我们必须知道的那些事
查看>>
Nginx 的配置文件中的 keepalive 介绍
查看>>
nginx 配置~~~本身就是一个静态资源的服务器
查看>>
Nginx的Rewrite正则表达式,匹配非某单词
查看>>
Nginx的是什么?干什么用的?
查看>>
Nginx访问控制_登陆权限的控制(http_auth_basic_module)
查看>>
Nio ByteBuffer组件读写指针切换原理与常用方法
查看>>
NI笔试——大数加法
查看>>
NLP 基于kashgari和BERT实现中文命名实体识别(NER)
查看>>
No 'Access-Control-Allow-Origin' header is present on the requested resource.
查看>>