使用jQuery获得内容以及内容的属性
2015-02-26 00:00
501 查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery.js"></script> </head> <style> body{font-family: "微软雅黑";width: 980px; margin: 0 auto; text-align: center;} .box{ width: 300px; height: 300px; background: green; border: 1px solid #e6e6e6; line-height: 200px; position: absolute; } button{ border: none; background: green; width: 125px; height: 50px; line-height: 50px; color: #fff; font-size: 16px; margin-top: 50px; font-family: "微软雅黑"; } </style> <body> <button id="btn1">显示text</button> <button id="btn2">显示html</button> <button id="btn3">显示输入内容</button> <p id="text">这是要显示<b>粗体</b>的节奏</p> <br /> <input id="input" value="买房子"> <script> $(document).ready(function(){ $("#btn1").click(function(){ alert("Text: " + $("#text").text()); }); $("#btn2").click(function(){ alert("HTML: " + $("#text").html()); }); $("#btn3").click(function(){ alert("Value: " +$("#input").val()); }); }); </script> </body> </html>
Tips:
1、点击事件节点的选择 #botton
2、alert 的代码规则 ("Value: " + $("#id").html)
今天的分享就先到这里了,后续我们还将持续更新一些新的jQuery实例。
相关文章推荐
- 使用jQuery获得内容以及内容的属性
- 关于使用jQuery - 获得内容和属性的心得
- jQuery获得内容和属性方法及示例
- 使用js获得html控件的style属性内容
- jQuery - 设置内容和属性 设置内容 - text()、html() 以及 val() , 设置属性 - attr()
- JavaScript强化教程——jQuery - 获得内容和属性
- jQuery学习之获取和设置内容以及属性
- jQuery获得内容和属性方法及示例
- 怎么使用jquery获得标签的值或元素的内容
- jQuery - 获得内容和属性
- jQuery基础知识— 获得内容和属性
- jQuery - 获得内容和属性
- jQuery - 获得内容和属性
- 我的第十二课:jQuery - 获得内容和属性
- jeecms栏目模型和内容模型的使用以及对应前台的标签中的属性名
- <六> jQuery 获得内容和属性
- jQuery获得内容和属性示例代码
- JQuery - 获得内容和属性
- jQuery - 获得内容和属性
- iOS边练边学--UIScrollView的属性简单使用,代理的简单介绍以及内容缩放