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中map函数的两种方式
Apr 07 jQuery
jQuery初级教程之网站品牌列表效果
Aug 02 jQuery
jQuery实现广告条滚动效果
Aug 22 jQuery
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
Nov 14 jQuery
jQuery实现滚动效果
Nov 17 jQuery
jQuery插件实现的日历功能示例【附源码下载】
Sep 07 jQuery
jquery简单实现纵向的无缝滚动代码实例
Apr 01 jQuery
jQuery位置选择器用法实例分析
Jun 28 jQuery
jQuery实现轮播图效果
Nov 26 jQuery
Jquery 获取相同NAME 或者id删除行操作
Aug 24 jQuery
JS JQuery获取data-*属性值方法解析
Sep 01 jQuery
jQuery列表动态增加和删除的实现方法
Nov 05 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
php4与php5的区别小结(配置异同)
2011/12/20 PHP
jQuery get和post 方法传值注意事项
2009/11/03 Javascript
js本身的局限性 别让javascript做太多事
2010/03/23 Javascript
javascript开发随笔一 preventDefault的必要
2011/11/25 Javascript
jQuery 全选/反选以及单击行改变背景色实例
2013/07/02 Javascript
jquery图片放大功能简单实现
2013/08/01 Javascript
Node.js中调用mysql存储过程示例
2014/12/20 Javascript
JavaScript判断用户是否对表单进行了修改的方法
2015/03/18 Javascript
JavaScript类继承及实例化的方法
2015/07/25 Javascript
jQuery mobile转换url地址及获取url中目录部分的方法
2015/12/04 Javascript
JavaScript获取当前运行脚本文件所在目录的方法
2016/02/03 Javascript
JS在浏览器中解析Base64编码图像
2017/02/09 Javascript
详解vue渲染从后台获取的json数据
2017/07/06 Javascript
vue实现简单的MVVM框架
2018/08/05 Javascript
详解vue-property-decorator使用手册
2019/07/29 Javascript
在vue中实现嵌套页面(iframe)
2020/07/30 Javascript
微信小程序实现多张图片上传功能
2020/11/18 Javascript
[27:02]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第三场
2014/05/24 DOTA
[54:15]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第二场2月1日
2021/03/11 DOTA
python益智游戏计算汉诺塔问题示例
2014/03/05 Python
简单谈谈Python中的元祖(Tuple)和字典(Dict)
2017/04/21 Python
Python Requests模拟登录实现图书馆座位自动预约
2018/04/27 Python
Python使用Pickle模块进行数据保存和读取的讲解
2019/04/09 Python
keras:model.compile损失函数的用法
2020/07/01 Python
利用Python优雅的登录校园网
2020/10/21 Python
介绍下Lucene建立索引的过程
2016/03/02 面试题
制冷与空调专业毕业生推荐信
2014/07/07 职场文书
班级课外活动总结
2014/07/09 职场文书
股东出资证明书(正规版)
2014/09/24 职场文书
公路局群众路线教育实践活动第一阶段工作汇报
2014/10/25 职场文书
企业承诺书格式范文
2015/04/28 职场文书
社区安全温馨提示语
2015/07/14 职场文书
新娘婚礼答谢词
2015/09/29 职场文书
MySQL 使用事件(Events)完成计划任务
2021/05/24 MySQL
html实现弹窗的实例
2021/06/09 HTML / CSS
React-vscode使用jsx语法的问题及解决方法
2021/06/21 Javascript