jQuery html()方法示例
时间：2020-02-23 14:46:10 来源:igfitidea点击:
在本教程中，我们将看到jQuery HTML方法。
HTML方法用于获取第一匹配元素HTML内容，将忽略其他元素，而HTML("新HTML内容")用于为所有匹配元素设置HTML内容。
html语法()：
$("selectors").html()
Example :
$("div").html();
HTML语法('新HTML内容')：
$("selectors").html('new html content')
Example:
$("div").html('this text is being set by html method');
让我们通过示例来理解：
<!doctype>
<html>
<head>
<title>Jquery html method example </title>
<script src="http://code.jquery.com/jquery-2.2.3.min.js"></script>
</head>
<h2>Jquery html method example</h2>
<style>
.blackBorder{
border:4px dotted black;
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#htmlButton").click(function(){
alert($("div").html()) ;
});
$("#setHtmlButton").click(function(){
$("div").html('this text is being set by html() method');
});
$("#reset").click(function(){
location.reload();
});
});
</script>
<body>
<button id="htmlButton">Using html</button>
<button id="setHtmlButton">Using html('new html content') </button>
<button id="reset">Reset</button>
<br
<div class='blackBorder'>
Hello world from theitroad!!!!
</div>
<br
<div class='blackBorder' >
Welcome to JQuery.
</div>
</body>
</html>
