<body>
<button class="btn"><span>press</span></button>
<input class="inputBox" type="text" value="please input">
<script src="./库/jquery-1.9.1.js"></script>
<script>
//html元素 代码/文本/值 操作
/*
* html
* text
* val
* */
console.log($(".btn").html());//<span>press</span>
console.log($(".btn").text());//press
console.log($(".inputBox").val());
//设置方法:直接写值/匿名函数回调
var str = "<div>btn</div>"
// $(".btn").html(str);//自动解析标签
// $(".btn").text(str);//直接赋值
$(".btn").html(function (index) {
return ("牛的"+(index+1));
})
//text / val 方法类似
</script>
</body>
2021-02-22 jQuery中 HTML 代码/文本/值 操作
这篇博客介绍了如何使用JavaScript的jQuery库来操作DOM元素,包括获取和设置按钮的HTML内容、文本以及输入框的值。示例代码展示了如何读取元素的属性,并通过匿名函数动态设置按钮的HTML。博客重点探讨了JavaScript中与DOM交互的基础技巧。
摘要由CSDN通过智能技术生成