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对象部分属性

 

posted @ 2017-05-18 17:16  刘haha  阅读(26853)  评论(0)  编辑  收藏  举报