jQuery html（）用于获取匹配元素的第一个元素的html内容； 而html（'new html content'）用于替换或设置所有匹配元素的html内容。
例如，两个包含相同类名“ AClass”的div元素。
<div class="AClass">ABC 1</div>
<div class="AClass">ABC 2</div>1. $（'。AClass'）。html（）
这只会得到“ ABC 1 ”，第二个匹配元素“ ABC 2”将被忽略。
2. $（'。AClass'）。html（' 这是新文本 '）
这将替换所有匹配元素的html内容。
<div class="AClass"><b>This is new text</b></div>
<div class="AClass"><b>This is new text</b></div>jQuery html（）示例
<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<style type="text/css">
.htmlClass{
padding:8px;
border:1px solid blue;
margin-bottom:8px;
}
</style>
</head>
<body>
<h1>jQuery html() example</h1>
<div class="htmlClass">I'm going to replate by something ....</div>
<div class="htmlClass">I'm going to replate by something 2....</div>
<p>
<button id="getHtml">html()</button>
<button id="setHtml">html('xxx')</button>
<button id="reset">reset</button>
</p>
<script type="text/javascript">
$("#getHtml").click(function () {
alert($('.htmlClass').html());
});
$("#setHtml").click(function () {
$('.htmlClass').html('<b>This is a new text</b>');
});
$("#reset").click(function () {
location.reload();
});
</script>
</body>
</html>
538
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
