本文共 1355 字，大约阅读时间需要 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 jquery
npm 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/