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使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
Apr 28 jQuery
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
May 20 jQuery
基于jquery日历价格、库存等设置插件
Jul 05 jQuery
jQuery修改DOM结构_动力节点Java学院整理
Jul 05 jQuery
基于jQuery的左滑出现删除按钮的示例
Aug 29 jQuery
jquery中done和then的区别(详解)
Dec 19 jQuery
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 jQuery
jQuery替换节点元素的操作方法
Mar 18 jQuery
jQuery开发仿QQ版音乐播放器
Jul 10 jQuery
Jquery如何使用animation动画效果改变背景色的代码
Jul 20 jQuery
jQuery实现可以扩展的日历
Dec 01 jQuery
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
Mar 31 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天翼开放平台短信发送接口实现方法
2014/12/22 PHP
PHP使用file_get_content设置头信息的方法
2016/02/14 PHP
PHP中session跨子域的三种实现方法
2016/07/25 PHP
6个常见的 PHP 安全性攻击实例和阻止方法
2020/12/16 PHP
[原创]静态页面也可以实现预览 列表不同的显示方式
2006/10/14 Javascript
jquery中的sortable排序之后的保存状态的解决方法
2010/01/28 Javascript
基于jquery的修改当前TAB显示标题的代码
2010/12/11 Javascript
由Javascript实现的页面日历
2011/11/04 Javascript
javascript 事件处理程序介绍
2012/06/27 Javascript
基于jquery的时间段实现代码
2012/08/02 Javascript
JavaScript的漂亮的代码片段
2013/06/05 Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
2016/07/25 Javascript
微信小程序 开发经验整理
2017/02/15 Javascript
详解微信小程序 登录获取unionid
2017/06/27 Javascript
angularjs $http调用接口的方式详解
2018/08/13 Javascript
nodejs基础之多进程实例详解
2018/12/27 NodeJs
JavaScript中this用法学习笔记
2019/03/17 Javascript
Vue动态组件和异步组件原理详解
2019/05/06 Javascript
微信小程序非跳转式组件授权登录的方法示例
2019/05/22 Javascript
vue实现简单的日历效果
2020/09/24 Javascript
一则python3的简单爬虫代码
2014/05/26 Python
python任务调度实例分析
2015/05/19 Python
Python 的内置字符串方法小结
2016/03/15 Python
Python读取stdin方法实例
2019/05/24 Python
Python使用Slider组件实现调整曲线参数功能示例
2019/09/06 Python
CSS3 实现倒计时效果
2020/11/25 HTML / CSS
荷兰牛仔裤网上商店:Jeans Centre
2018/04/03 全球购物
请说出几个常用的异常类
2013/01/08 面试题
八皇后问题,输出了所有情况,不过有些结果只是旋转了90度
2016/08/15 面试题
Kingsoft金山公司C/C++笔试题
2016/05/10 面试题
MYSQL支持事务吗
2013/08/09 面试题
实习护士自我鉴定
2013/10/13 职场文书
英语自我评价范文
2014/01/24 职场文书
小学捐书活动总结
2014/07/05 职场文书
工作检讨书怎么写
2015/01/23 职场文书
大学新生入学感想
2015/08/07 职场文书