JQuery中 text()、html() 以及 val()以及innerText、innerHTML和value
2024-09-02 17:46:17
设置内容 - text()、html() 以及 val()
我们将使用前一章中的三个相同的方法来设置内容：
- text() - 设置或返回所选元素的文本内容
- html() - 设置或返回所选元素的内容（包括 HTML 标记）
- val() - 设置或返回表单字段的值
下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容：
实例
$("#btn1").click(function(){
$("#test1").text("Hello world!");
});
$("#btn2").click(function(){
$("#test2").html("<b>Hello world!</b>");
});
$("#btn3").click(function(){
$("#test3").val("Dolly Duck");
});
获得内容 - text()、html() 以及 val()
三个简单实用的用于 DOM 操作的 jQuery 方法：
- text() - 设置或返回所选元素的文本内容
- html() - 设置或返回所选元素的内容（包括 HTML 标记）
- val() - 设置或返回表单字段的值
下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容：
实例
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
*JavaScript中设置或者获取所选内容的值
同理innerText、innerHTML和value，
innerText和innerHTML都是将字符串放入hmtl标签中的一个函数
但是innerHTMl他可以解析hmtl标记
例如 你放入一个<a>斯蒂芬</a> 如果在DIV中它里面就会出现一个带下划线的a元素；
但是innerText只支持普通字符串；
最新文章
- 字符串 中的split 与数组中的join
- 退出recoveyr模式的iOS设备
- 获取下拉框的value和值
- 使用BeanNameAutoProxyCreator实现spring的自动代理
- aperm方法
- Light OJ 1068
- python request属性及方法说明
- 内存屏障（Memory barrier）-- 转发
- AC自动机算法详解
- Devexpress GridControl z
- 限制apache错误日志大小
- 在ASP.NET中使用一般处理程序生成验证码
- ubuntu下C编程，编译基础( 转)
- 使用OGG&quot;Loading data from file to Replicat&quot;的方法应该注意的问题：replicat进程是前台进程
- Linux内核学习趣谈
- 解决（防止）DDOS攻击的另一种思想
- MySQL授权命令grant的使用方法
- MongoDB 搭建文件存储的方案
- [疑难杂症]__关于cmd命令正确而显示不是内部指令的错误(ps:已解决)
- javaScript核心基础