Rumah > Artikel > hujung hadapan web > jquery怎样替换标签里的内容
jquery怎样替换标签里的内容
- WBOYasal
- 2022-01-14 11:24:124152semak imbas
在jquery中，可以利用html()方法替换标签里的内容，该方法的作用就是返回或设置被选元素的内容，当使用该方法没有设置参数时，就会返回被选元素当前的内容，语法为“$(元素).html("新的内容")”。
本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。
jquery怎样替换标签里的内容
html() 方法返回或设置被选元素的内容 (inner HTML)。
如果该方法未设置参数，则返回被选元素的当前内容。
返回元素内容
当使用该方法返回一个值时，它会返回第一个匹配元素的内容。
语法
$(selector).html()
设置元素内容
当使用该方法设置一个值时，它会覆盖所有匹配元素的内容。
语法
$(selector).html(content)
content 可选。规定被选元素的新内容。该参数可包含 HTML 标签。
使用函数来设置元素内容
使用函数来设置所有匹配元素的内容。
语法
$(selector).html(function(index,oldcontent))
function(index,oldcontent)规定一个返回被选元素的新内容的函数。
index - 可选。接收选择器的 index 位置。
oldcontent - 可选。接收选择器的当前内容。
示例如下：
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").html("这是<b>新的</b>内容");
});
});
</script>
</head>
<body>
<p>这是旧的内容</p>
<p>这也是旧的内容</p>
<button class="btn1">改变 p 元素的内容</button>
</body>
</html>输出结果：
点击按钮后：
相关视频教程推荐：jQuery视频教程
Atas ialah kandungan terperinci jquery怎样替换标签里的内容. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jquery怎样添加丢失焦点事件Artikel seterusnya：jquery时间戳怎样转为日期