JavaScript和JQuery获取DIV的值
2016-02-27 15:23
751 查看
1、设计源代码
2、执行结果
(1)初始化
(2)点击”JavaScript获取DIV的值“button
(3)点击”JQuery获取DIV的值“button
3、分析说明
(1)JavaScript获取DIV的值
document.getElementById("div_val").innerHTML;
(2)JQuery获取DIV的值
a $("#div_val").text();
b $("#div_val").html();
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JavaScript和JQuery获取DIV的值</title> <script type="text/javascript" src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(function(){ $("#jqueryInput").click(function(){ var divValue = $("#div_val").text(); var divVal = $("#div_val").html(); alert("JQuery获取DIV的值:"+divValue+"\n"+divVal); }); }); function javaScriptDiv() { var divVal = document.getElementById("div_val").innerHTML; alert("JavaScript获取DIV的值:"+divVal); } </script> </head> <body> <div id="div_val">youhaidong</div> <input type="button" value="JavaScript获取DIV的值" onclick="javaScriptDiv()"/> <input type="button" value="JQuery获取DIV的值" id="jqueryInput"/> </body> </html>
2、执行结果
(1)初始化
(2)点击”JavaScript获取DIV的值“button
(3)点击”JQuery获取DIV的值“button
3、分析说明
(1)JavaScript获取DIV的值
document.getElementById("div_val").innerHTML;
(2)JQuery获取DIV的值
a $("#div_val").text();
b $("#div_val").html();
相关文章推荐
- jq ajax 基本示例
- [jQuery]ajax请求导致浏览器崩溃
- jQuery-源码阅读,使用init()而不用普通原型模式的原因
- jQuery经典案例
- jquery中attr和prop的区别
- jquery checkbox勾选/取消勾选的诡异问题
- IE8 jquery ajax获取静态资源报错TypeError 拒绝访问
- JSON-JQuery常用技巧
- jquery总结
- jQuery实践中发现的问题
- JQuery中的事件和选择器
- python学习笔记-Day15 -jquery常用知识
- jQuery插件开发代码
- jquery 相关知识
- jquery textSearch实现页面搜索 注意!!!!调用这个插件后,js事件绑定如,on、bind、live delegate全部失效,折腾了我一整天!!!
- 2016/2/26 jQuery的技术 1,安装 2,语法选择器$ 事件触发 3,常用jQuery函数
- 15个值得开发人员关注的jQuery开发技巧和心得
- jquery.jscrollpane.js滚动速度设置
- jQuery点击文本框复制其内容到剪贴板上
- jQuery-源码阅读,init()方法