jQuery的html()和text()[0504]
一、开解:
把设置和返回拆开来理解,应该是四种。
1、html()是设置或返回html
2、text()是设置或返回文本
二、实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<div id="hz"><p>我是方块网页</p></div>
<button οnclick="sethtml()">点我设置html</button>
<button οnclick="settext()">点我设置text</button>
<button οnclick="gethtml()">点我取得html</button>
<button οnclick="gettext()">点我取得text</button>
</body>
<script>
取得元素节点///
$hz = $("#hz");
设置html/
function sethtml() {
$hz.html("<p>我被设置html了</p>");
}
///设置文本///
function settext() {
$hz.text("我被设置文本了");
}
取得html///
function gethtml() {
alert($hz.html());
}
取得文本//
function gettext() {
alert($hz.text());
}
</script>
</html>
运行结果:
三、总结:
其实取得html和text的方法就是括号留空,在javascript原生代码里关于html的操作,具体参看我写的文[0304][0305]。