如何在单击“开始链接”按钮时将p元素的文本更改为“Congratulations”？我想添加另一个链接方法来实现此目的。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery Method Chaining</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<style>
button {
padding: 10px;
}
p {
width: 200px;
padding: 30px 0;
font: bold 24px;
text-align: center;
background: #00ced1;
border: 1px;
box-sizing: border-box;
}
</style>
<script>
$(document).ready(function () {
$('.start').click(function () {
$('p')
.animate({ width: '100%' })
.animate({ fontSize: '35px' })
.animate({ borderWidth: 30 })
;
});
$('.reset').click(function () {
$('p').removeAttr('style');
});
});
</script>
</head>
<body>
<p>Hello !</p>
<button type="button" class="start">Start Chaining</button>
<button type="button" class="reset">Reset</button>
</body>
</html>我尝试使用.replaceWith()函数，但它似乎破坏了其他链接方法
2条答案
按热度按时间a8jjtwal1#
您可以使用**.text（“恭喜”）或.html（“恭喜”）**
注意：* 请使用正确的
id，以免影响其他p标记 *第一个
q35jwt9p2#
已经想好了
我使用
.text('Congratulations');作为另一个链方法。