<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery 文本操作</title> <style> #dvs{ width: 130px; height: 30px; border: solid 1px blue; } </style> <script src='jquery-3.3.1.min.js'></script> </head> <body> <!-- innerHTML textContent --> <div id='dvs'><a href=""><button>天气热了,可以脱衣服了</button></a></div> <script> $('#dvs').mouseover(function(){ //设置文本 $(this).html('<a herf="">这个是什么文本</a>'); $(this).text('按钮') //获取文本 var tx = $(this).html(); console.log(tx); }) $('#dvs').mouseout(function(){ $(this).text(''); }) </script> </body> </html>
点击 "运行实例" 按钮查看在线实例