React中jquery引用的实现方法


Posted in jQuery onSeptember 12, 2017

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

1.引入方法举例:

import $ from 'jquery';

import { Button } from 'antd';

class testJquery extends React.Component {

constructor(props) {


super(props);



this.selectElement = this.selectElement.bind(this);


}


render() {



return(




<div>





<Button onClick={this.selectElement}>点击一下</Button>





<h4 className="text">这是:12</h4>




</div>



);


}


selectElement() {



console.log('text对象:',$('.text'));



console.log('text中的值:',$('.text')[0].textContent);


}

}

export default testJquery;

2.界面样式

React中jquery引用的实现方法

3. 控制台打印结果

React中jquery引用的实现方法

 4.text对象部分属性

React中jquery引用的实现方法

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery扩展_动力节点Java学院整理
Jul 05 jQuery
基于jQuery Easyui实现登陆框界面
Jul 10 jQuery
jQuery实现倒计时功能 jQuery实现计时器功能
Sep 19 jQuery
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
JQuery 又谈ajax局部刷新
Nov 27 jQuery
通过jquery.cookie.js实现记住用户名、密码登录功能
Jun 20 jQuery
JQuery扩展对象方法操作示例
Aug 21 jQuery
jQuery解析json格式数据示例
Sep 01 jQuery
jQuery中使用validate插件校验表单功能
May 24 jQuery
jQuery zTree树插件的使用教程
Aug 16 jQuery
JQuery常用选择器功能与用法实例分析
Dec 23 jQuery
jQuery实现的图片点击放大缩小功能案例
Jan 02 jQuery
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
Sep 12 #jQuery
jQuery实现用户信息表格的添加和删除功能
Sep 12 #jQuery
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 #jQuery
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 #jQuery
利用JQuery操作iframe父页面、子页面的元素和方法汇总
Sep 10 #jQuery
jQuery事件对象的属性和方法详解
Sep 09 #jQuery
详解jquery插件jquery.viewport.js学习使用方法
Sep 08 #jQuery
You might like
php利用header函数下载各种文件
2016/08/24 PHP
推荐dojo学习笔记
2007/03/24 Javascript
jQuery 中关于CSS操作部分使用说明
2007/06/10 Javascript
Jquery实现网页跳转或用命令打开指定网页的解决方法
2013/07/09 Javascript
javascript简单事件处理和with用法介绍
2013/09/16 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
2014/01/02 Javascript
jquery基础教程之deferred对象使用方法
2014/01/22 Javascript
JavaScript按位运算符的应用简析
2014/02/04 Javascript
js利用prototype调用Array的slice方法示例
2014/06/09 Javascript
js仿支付宝填写支付密码效果实现多方框输入密码
2016/03/09 Javascript
Angular.js之作用域scope'@','=','&amp;'实例详解
2017/02/28 Javascript
docker中编译nodejs并使用nginx启动
2017/06/23 NodeJs
浅谈jQuery框架Ajax常用选项
2017/07/08 jQuery
初探JavaScript 面向对象(推荐)
2017/09/03 Javascript
Angular.js实现获取验证码倒计时60秒按钮的简单方法
2017/10/18 Javascript
微信小程序支付之c#后台实现方法
2017/10/19 Javascript
react实现一个优雅的图片占位模块组件详解
2017/10/30 Javascript
Vue+Node实现的商城用户管理功能示例
2019/12/23 Javascript
Vue 监听元素前后变化值实例
2020/07/29 Javascript
[15:46]教你分分钟做大人——沙王
2015/03/11 DOTA
跟老齐学Python之一个免费的实验室
2014/09/14 Python
python实现抽奖小程序
2020/04/15 Python
Python imread、newaxis用法详解
2019/11/04 Python
Numpy 多维数据数组的实现
2020/06/18 Python
Python2.x与3​​.x版本有哪些区别
2020/07/09 Python
实例教程 HTML5 Canvas 超炫酷烟花绽放动画实现代码
2014/11/05 HTML / CSS
一套C#面试题
2013/10/09 面试题
应届生简历中的自我评价
2014/01/13 职场文书
机关财务管理制度
2014/01/17 职场文书
外贸员简历中的自我评价
2014/03/04 职场文书
护理专业学生职业生涯规划范文
2014/03/11 职场文书
课前三分钟演讲稿
2014/04/24 职场文书
夏季药店促销方案
2014/08/22 职场文书
大连导游词
2015/02/12 职场文书
个人工作失误的保证书怎么写?
2019/06/21 职场文书
Redis入门教程详解
2021/08/30 Redis