收藏
<!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(){
//設(shè)置文本
$(this).html('<a herf="">這個(gè)是什么文本</a>');
$(this).text('按鈕')
//獲取文本
var tx = $(this).html();
console.log(tx);
})
$('#dvs').mouseout(function(){
$(this).text('');
})
</script>
</body>
</html>點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號(hào)
技術(shù)交流群
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)