React中jquery引用的实现方法
更新时间：2017年09月12日 14:09:55 作者：add+
这篇文章主要介绍了React中jquery引用的实现方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
在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.界面样式
3. 控制台打印结果
4.text对象部分属性
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了使用React简短代码动态生成栅格布局的方法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-05-05
这篇文章主要介绍了React如何以Hook的方式使用Echarts问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要为大家介绍了React 中使用 RxJS 优化数据流的处理方案示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
这篇文章主要介绍了React中的不可变值的相关资料，帮助大家更好的理解和学习使用react.js，感兴趣的朋友可以了解下2021-04-04
React合成事件及Test Utilities在Facebook内部进行测试
这篇文章主要介绍了React合成事件及Test Utilities在Facebook内部进行测试，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
本篇文章主要介绍了React Native 环境搭建的教程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
React18使用Echarts和MUI实现一个交互性的温度计
这篇文章我们将结合使用React 18、Echarts和MUI（Material-UI）库,展示如何实现一个交互性的温度计,感兴趣的小伙伴可以跟随小编一起学习一下2024-01-01
解决React报错useNavigate() may be used only in context of
这篇文章主要为大家介绍了解决React报错useNavigate() may be used only in context of Router，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
React Hooks使用startTransition与useTransition教程示例
这篇文章主要为大家介绍了React Hooks使用startTransition与useTransition教程示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-01-01
本篇文章主要介绍了探究react-native 源码的图片缓存问题，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
最新评论