jquery练习8 html()与text()
来源:互联网 发布:喜马拉雅 兼职 知乎 编辑:程序博客网 时间:2024/06/18 17:35
原题及原生js解法
就是单纯比较一下html()和text()的区别.
html()把这个元素内所有东西,包括html标签都输出出来,而text只显示文本
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta http-equiv="Content-Type" content="text/html charset=utf-8" /> <script src="http://code.jquery.com/jquery-1.8.3.js"> </script> <script type="text/javascript"> $(document).ready(function() { $("#div1").click(function() { alert(".html()内容:" + $("#div1").html()); }); $("#div2").click(function() { alert(".text()内容:" + $("#div2").text()); }); }); </script> <style type="text/css"> .wrapper { margin: 0 auto; /*text-align: center;*/ } #div1 { width: 500px; height: 100px; border: 1px solid black; margin: 0 auto; background: #00FFFF; } #div2 { width: 500px; height: 100px; border: 1px solid black; margin: 0 auto; background: #00FF7F; } </style> <title> 2.2 html() text() val() </title></head><body> <div class="wrapper"> <div id="div1"> <strong>新华网</strong> 新闻内容<strong>aaaa</strong></div> <div id="div2"><strong>标题</strong> 新闻内容abc<strong>重点</strong></div> <!--.val()多用于input标签,不设参数则返回当前值,设参数则修改当前值为参数--> </div></body></html>
阅读全文
0 0
- jquery练习8 html()与text()
- jQuery里的html与text()
- Jquery--text()与html()方法的区别
- jquery中html与text的区别
- jquery html-与-text方法的区别
- jquery text()和html()
- JQuery text(),html()
- jQuery中,html、val与text的区别与联系
- jquery中html,text与val三者的区别
- jquery 中的html()方法与text()的区别
- jquery中,html、val与text三者属…
- jQuery 文档操作 - html() 方法与text()方法
- jquery中html 与 text方法的区别
- jQuery的属性与样式之html()及.text()
- jQuery的属性与样式之html()及.text()
- jQuery中html()/text()/text()中的区别
- jquery的html,text,val
- jquery的html,text,val
- HDOJ1465 不容易系列之一(错排)
- 检验-会话cookie中缺少HttpOnly属性
- Android--网络交互(Socket/Http)
- DBMS_STATS.GATHER_SCHEMA_STATS介绍使用
- JAVA实现HTTPS协议POST请求JSON报文
- jquery练习8 html()与text()
- 闭包
- 多个活动的结果集 (MARS)
- LINUX中swap与windows中虚拟内存区别
- JS 中 DateTime日期时间及方法函数
- iOS系统弹框封装 一句代码实现中间和底部弹框
- 04基本命令
- JDK1.7.0_80的安装与配置
- CUDA入门2——获取显卡参数