jQuery 之 获取页面内容和属性(六)
来源:互联网 发布:淘宝联盟怎么玩 编辑:程序博客网 时间:2024/06/06 02:12
获得内容 - 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());
});
下面的例子演示如何通过 jQuery val() 方法获得输入字段的值:
实例
$("#btn1").click(function(){
alert("Value: " + $("#test").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>===========================================================
获取属性 - attr()
jQuery attr() 方法用于获取属性值。
下面的例子演示如何获得链接中 href 属性的值:
实例
<!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($("#w3s").attr("href")); });});</script></head><body><p><a href="http://www.w3cschool.cc" id="w3s">W3Cschool.cc</a></p><button>Show href Value</button></body></html>
0 0
- jQuery 之 获取页面内容和属性(六)
- jQuery 之 设置页面内容和属性(七)
- jQuery - 获取内容和属性
- jQuery - 获取内容和属性
- jQuery - 获取内容和属性
- jQuery学习之获取和设置内容以及属性
- jQuery - 设置获取内容和属性
- jQuery--获取/设置内容和属性
- Jquery之获取和设置元素内容
- Jquery—获取和设置html内容和属性
- jquery获取页面iframe内容
- jquery获取,改变页面内容
- jQuery 动态内容添,获取HTML标签和属性
- JavaScript(19)jQuery HTML 获取和设置内容和属性
- JavaScript(19)jQuery HTML 获取和设置内容和属性
- jQuery学习之六---属性
- jQuery学习笔记(四)_ 获取和设置内容或属性
- jQuery ---页面内容,样式,控制属性
- 最小堆定时器的实现以及与网络编程中的多路IO复用的应用
- U-boot移植——1.时钟
- HDU 4300(KMP)
- 最新版 bundler(不是v0.4) 的编译和使用
- C 语言中通过脚本获取mac地址
- jQuery 之 获取页面内容和属性(六)
- 开始写博客,记录一下从大四开始的生活
- GitHub常用命令
- 2016 Multi-University Training Contest 1 hdu 5723 Abandoned country【Kruskal+Dfs】好题
- 按位与、或、异或运算
- 常用的正则表达式总结
- Spring初学者,快速理解Spring中的专业术语
- 关于eclipse(for java)打不开的问题
- mysql数据库查看Client的字符集