jquery實現滑鼠移到文字上時改變文字內容

2019-12-12 17:13:38

jquery實現滑鼠移到文字上時改變文字內容，主要用到jquery中的mouseenter滑鼠移動事件和text()方法。下面介紹實現的過程。

新建一個html檔案，命名為test.html，用於實現滑鼠移到文字上時改變文字內容

在test.html頁面的head頭部，使用script標籤載入jquery.min.js檔案，用於下面使用jquery中的滑鼠事件和text()方法。

在test.html頁面，使用p標籤建立一個文欄位落，並且設定其id屬性，用於下面通過該id獲得p元素物件。

在test.html頁面，使用$(document).ready(）方法，在頁面載入時，執行function函數，下面將在函數內編寫實現效果的邏輯程式碼。

通過id獲得p元素物件，給p元素物件系結mouseenter滑鼠事件，實現當滑鼠移動到p元素時，執行function函數。

在function函數內，通過this獲得當前的p元素物件，使用text（）方法改變p元素的文字內容。

在瀏覽器開啟test.html檔案，當滑鼠移到到文字時，文字實現改變。