当前位置:首页 > 日记 > 正文

React中jquery引用的实现方法

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

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

相关文章

如何将应用所有的PPT页面

如何将应用所有的PPT页面

页面,如何将,图片,电脑软件,PPT,  快速将图片应用到所有PPT页面,有两种方法可以解决这个问题。第一种用母板。第二种用PPT背景功能。以下是小编为您带来的关于将图片应用所有的PPT页面,希望对您有所帮助。将图片应用所有的PPT页面方法1:母板…

PPT如何排版才能突出中心主题PPT排

PPT如何排版才能突出中心主题PPT排

方法,主题,中心,技巧,电脑软件,  好的ppt会让人一眼就抓住重点,不会让观众在不重要的内容上浪费太多的时间而忽视演讲者的演讲。也行你已经知道如何吸引观众的眼球,但是你是否了解如何快速抓住观众的心呢?以下小编整理的PPT突出中心的排版…

Webpack实现按需打包Lodash的几种

Webpack实现按需打包Lodash的几种

详解,按需,几种方法,电脑软件,Webpack,前言在数据操作时,Lodash 就是我的弹药库,不管遇到多复杂的数据结构都能用一些函数轻松拆解。ES6 中也新增了诸多新的对象函数,一些简单的项目中 ES6 就足够使用了,但还是会有例外的情况引用了少数的 Loda…

清空元素html |  innerHTML= 与 em

清空元素html | innerHTML= 与 em

推荐,元素,清空,区别,电脑软件,一、清空元素的区别 1、错误做法一: $("#test").html("");//该做法会导致内存泄露 2、错误做法二: $("#test")[0].innerHTML=""; ;//该做法会导致内存泄露 3、正确做…

qq安全中心如何设置禁止登陆游戏qq

qq安全中心如何设置禁止登陆游戏qq

方法,安全中心,登录,设置,游戏,  如果我们不喜欢玩qq游戏,为了保护自己qq账号的安全,我们可以在qq安全中心中设置禁止登陆游戏。你知道qq安全中心如何设置禁止登陆游戏吗?下面就让小编告诉大家qq安全中心设置禁止登陆游戏 的方法。qq安全中…

ppt如何添加重叠动画效果图解

ppt如何添加重叠动画效果图解

动画效果,方法,重叠,叠加,电脑软件,  你知道在ppt里怎样设置叠加动画效果 吗?对于大多数人来说还是不太懂添加叠加动画的方法,下面就让小编告诉你ppt叠加动画效果的方法,欢迎大家来到学习。ppt添加叠加动画效果的方法一ppt添加叠加动画效果…

JavaScript利用闭包实现模块化

JavaScript利用闭包实现模块化

模块化,闭包,电脑软件,JavaScript,利用闭包的强大威力,但从表面上看,它们似乎与回调无关。下面一起来研究其中最强大的一个:模块。function foo() { var something = "cool"; var another = [1, 2, 3]; function doSomething() { console.lo…

Excel怎么设置超期提醒功能Excel超

Excel怎么设置超期提醒功能Excel超

设置,方法,功能,电脑软件,Excel,  利用Excel函数对表格设置超期提醒功能。可以让你知道哪些客户超期了,在你给客户办会员卡的时候非常有用。小面小编教你怎么在Excel设置超期提醒功能,希望对你有帮助!Excel超期提醒功能设置方法假设Excel表…

关于jQuery里prev | 的简单操作代

关于jQuery里prev | 的简单操作代

操作,代码,简单,电脑软件,jQuery,prev() 函数被用来匹配元素集的前一个兄弟元素,仅仅只有前一个兄弟元素被选择,其子元素将被忽略。这里给大家介绍jQuery里prev()的简单操作,具体内容如下:一个朋友提了个需求给我:点击按钮删除input,如果input剩…

手机端转换rem适应

手机端转换rem适应

转换,手机端,电脑软件,rem,话不多说,请看代码:<script> (function() { var changeRem = function() { document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.clientWidth / 20 + 'px'; }; cha…

PPT2010中如何对插入的进行自定义

PPT2010中如何对插入的进行自定义

自定义样式,中对,图片,电脑软件,  我们所操作的图片大都是矩形的,如果直接插入文档中并不好看,默认自带的样式极其有限,不过可以通过对插入的图片进行自定义样式,使它跟内容更加和谐符合我们的审美需求。以下是小编为您带来的关于PPT2010中对…

WPS文字怎么设置背景颜色WPS文字设

WPS文字怎么设置背景颜色WPS文字设

文字,设置,背景颜色,方法,步骤,  在使用各种文档的过程中,很多人喜欢在一些文字段落里添加一些背景,以美化文档。不同的文档软件有不同的设置方法,那么,wps文字背景怎么设置呢?下面小编来告诉你WPS文字设置背景颜色的方法吧。wps文字设置背景…