??????????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!');  });});