jquery的text()、html() 以及 val()
来源:互联网 发布:mysql 5.7修改root密码 编辑:程序博客网 时间:2024/04/30 08:56
三个简单实用的用于 DOM 操作的 jQuery 方法:
- text() - 设置或返回所选元素的文本内容
- html() - 设置或返回所选元素的内容(包括 HTML 标记)
- val() - 设置或返回表单字段的值
下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容:
<!DOCTYPE html><html><head><script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script><script>$(document).ready(function(){ $("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); $("#btn2").click(function(){ alert("HTML: " + $("#test").html()); });});</script></head><body><p id="test">This is some <b>bold</b> text in a paragraph.</p><button id="btn1">Show Text</button><button id="btn2">Show HTML</button></body></html>下面的例子演示如何通过 jQuery val() 方法获得输入字段的值:
<!DOCTYPE html><html><head><script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script><script>$(document).ready(function(){ $("button").click(function(){ alert("Value: " + $("#test").val()); });});</script></head><body><p>Name: <input type="text" id="test" value="Mickey Mouse"></p><button>Show Value</button></body></html>
1 0
- jquery的text()、html() 以及 val()
- jquery的html,text,val
- jquery的html,text,val
- jquery的html,text,val
- jquery的html,text,val
- jquery的html,text,val
- jquery的html,text,val
- jquery的html,text,val
- jquery的html,text,val
- jquery的html,text,val
- jquery的html,text,val
- jquery的html,text,val
- text()、html() 以及 val()
- jquery的html,text,val的区别
- jQuery的.html(),.text(),.val()的区别
- jquery中text val html的差别
- jQuery html text val 方法 的异同
- jquery中html,text,val的区别
- 动态调用WebService(C#)
- 部分资料
- Validform校验
- C,java语言中初始化问题
- JavaScript(1)
- jquery的text()、html() 以及 val()
- 【黑马程序员】OC-Foundation框架—NSMutableString
- Python学习小记
- 【Leet Code】26. Remove Duplicates from Sorted Array---Easy
- MYSQL多主同步,负载均衡
- guava中的Splitter
- 三个简单的H5/Egret/JavaScript面试题
- C++堆栈区别
- 短信发送器