站长资讯网
最全最丰富的资讯网站

jquery怎么替换div内容

在jquery中,可以使用html()方法来替换div元素的内容,该方法可以设置并覆盖所有匹配元素的内容,语法为“$("div").html("新的div内容")”。

jquery怎么替换div内容

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

在jquery中,可以使用html()方法来替换div元素的内容。

html() 方法返回或设置被选元素的内容 (inner HTML)。

当给该方法传入一个参数,设置一个值时,它会覆盖所有匹配元素的内容。

语法:

$(selector).html(content) //或 $(selector).html(function(index,oldcontent))
参数 描述
content 可选。规定被选元素的新内容。该参数可包含 HTML 标签。
参数 描述
function(index,oldcontent)

规定一个返回被选元素的新内容的函数。

  • index – 可选。接收选择器的 index 位置。
  • oldcontent – 可选。接收选择器的当前内容。

示例:

<!DOCTYPE html> <html> 	<head> 		<meta charset="utf-8" /> 		<script src="js/jquery-1.10.2.min.js"></script> 		<script> 			$(document).ready(function() { 				$("button").click(function() { 					 $("div").html("Hello <b>world!</b>"); 				}); 			}); 		</script> 	</head> 	<body>  		<div>这是一段文字。</div> 		<div>这是另一段文字。</div><br> 		<button>改变 div 元素的内容</button> 	</body> </html>

jquery怎么替换div内容

【推荐学习:jQuery视频教程、web前端视频】

赞(0)
分享到: 更多 (0)
网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号