zoukankan      html  css  js  c++  java
  • React中jquery引用

    在React中引用Jquery比较好玩,获取元素的数据更多

    1.引入方法举例:

     1 import $ from 'jquery';
     2 
     3 import { Button } from 'antd';
     4 
     5 class testJquery extends React.Component {
     6 
     7   constructor(props) {
     8     super(props);
     9 
    10     this.selectElement = this.selectElement.bind(this);
    11 
    12   }
    13 
    14   render() {
    15 
    16     return(
    17 
    18       <div>
    19 
    20         <Button onClick={this.selectElement}>点击一下</Button>
    21 
    22         <h4 className="text">这是:12</h4>
    23 
    24       </div>
    25 
    26     );
    27 
    28   }
    29 
    30   selectElement() {
    31 
    32     console.log('text对象:',$('.text'));
    33 
    34     console.log('text中的值:',$('.text')[0].textContent);
    35 
    36   }
    37 
    38 }
    39 
    40 export default testJquery;

     2.界面样式

    3. 控制台打印结果

     4.text对象部分属性

  • 相关阅读:
    win安装Theano
    Photoshop
    Sublime Text与LaTeX的结合
    Python开源库的bug
    Pillow库的学习和使用
    对OpenSSL心脏出血漏洞的试验
    Scrapy的学习和使用
    FreeImage库的学习和使用
    gdal库的学习和使用
    VirtualBox安装Debian
  • 原文地址:https://www.cnblogs.com/mabylove/p/6874450.html
Copyright © 2011-2022 走看看