React中jquery引用的實現(xiàn)方法
更新時間：2017年09月12日 14:09:55 作者：add+
這篇文章主要介紹了React中jquery引用的實現(xiàn)方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
在React中引用Jquery比較好玩，獲取元素的數(shù)據(jù)更多
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?應用程序的關鍵之一是避免不必要的重新渲染,React?的渲染引擎是高效的,但防止在不需要的地方重新渲染仍然至關重要,在這篇文章中,我們將介紹常見錯誤以及如何避免它們,需要的朋友可以參考下2024-10-10
這篇文章主要介紹了淺談React組件之性能優(yōu)化，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了React 組件生命周期的相關資料，文中示例代碼非常詳細，幫助大家更好的理解和學習，感興趣的朋友可以了解下2020-07-07
這篇文章主要為大家介紹了React基于路由的代碼分割技術詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
圖片懶加載是一種優(yōu)化網(wǎng)頁性能的技術,它允許在用戶滾動到圖片位置之前延遲加載圖片,通過懶加載,可以在用戶需要查看圖片時才加載圖片,避免了不必要的圖片加載,本文給大家介紹了React實現(xiàn)圖片懶加載的常見方式,需要的朋友可以參考下2024-01-01
合成事件不是瀏覽器本身觸發(fā)的事件，自己創(chuàng)建和觸發(fā)的事件。本文將從源碼角度帶大家一起深入了解下React中的合成事件，需要的可以參考一下2022-11-11
這篇文章主要介紹了react中實現(xiàn)拖拽排序react-dnd功能,本文結合實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-02-02
react-navigation之動態(tài)修改title的內容
這篇文章主要介紹了react-navigation之動態(tài)修改title的內容，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
本文介紹了React中六種常見的路由跳轉方式,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2025-03-03
React組件三大核心屬性State?props?Refs介紹
組件實例的三大核心屬性是：State、Props、Refs。類組件中這三大屬性都存在。函數(shù)式組件中訪問不到?this，也就不存在組件實例這種說法，但由于它的特殊性（函數(shù)可以接收參數(shù)），所以存在Props這種屬性2023-02-02