jQuery操作文本

最新推荐文章于 2021-06-17 18:41:06 发布

爱吃的H先生

最新推荐文章于 2021-06-17 18:41:06 发布

阅读量265

点赞数

操作元素的内容
html()取值 html(txt) 赋值相当于innerHTML
text() 取值 text(txt) 赋值相当于innerText
val() 取值 val(val) 赋值相当于value

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DOM操作-操作文本</title>
<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
function func1(){
//获取第一个div的文本
//var txt = $("div:first").html();//相当于innerHTML 无参数表明是取值
var txt = $("div:first").text();
//显示获取的文本
alert(txt);
//写入到第二个div中
$("div:last").html(txt);//有参数相当于赋值
//$("div:last").text(txt); //innerText

}

function func2(){
//取值
var val = $("#username").val();//value
alert(val);
//写值
$("#username").val(val+"321");
}
</script>
</head>
<body>
<div id="div1" style="border:1px solid red; background-color: aqua;">
<h3>测试操作文本</h3>
</div>
<div id="div2" style="border:1px solid red;background-color:bisque;">
1
</div>
<input id="username" type="text" value="zhangsan" /><br>
<input type="button" value="func1" οnclick="func1()" />
<input type="button" value="func2" οnclick="func2()" />
</body>
</html>