<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
  <title> 获取或设置元素的内容</title>
  <style type="text/css">
  body{font-size:15px;text-align:center}
  div{border:solid 0px #666;padding:5px;width:220px;margin:5px}
  </style>
  <script type="text/javascript">
  $(function() {
   var strHTML = $("#divShow").html();// 获取HTML 内容(包含div下面的两个格式)
   var strHTML2 = $("#divShow b i").html(); //获取HTML内容
   var strHTML3 = $("div").html();
   var strText = $("#divShow").text();// 获取文本内容
   var strText2 = $("div").text();

   $("#divHTML").html(strHTML);// 设置HTML 内容
   $("#divHTML2").html(strHTML2); //设置HTML内容
   $("#divHTML3").html(strHTML3); //设置HTML内容
   $("p").html(strHTML);

   $("#divText").text(strText);// 设置文本内容
   $("#divText2").text(strText2);// 设置文本内容
   $("a").text(strText);

   $("select").change(function() { // 设置列表框change 事件
   // 获取列表框所选中的全部选项的值
   alert($("select").val());
   var strSel = $("select").val().join(",");
   $("input").val(strSel); // 显示列表框所选中的全部选项的值
   })
  })
  </script>
  </head>
  <body>
  <table border="1" bordercolor="#A9A9A9" cellspacing="0">
  <tr><td>******************************</td><td>*******************************************</td></tr>
  <tr>
  <td><div id="divShow"><b><i>Write Less Do More</i></b></div></td>
  <td>这是原内容</td>
  </tr>
  <tr>
  <td><div id="divShow"><b><i>Write XXXX Do XXXX</i></b></div></td>
  <td>这是原内容</td>
  </tr>
 <tr><td>******************************</td><td>*******************************************</td></tr>
  <tr>
  <td><div id="divHTML">1</div></td>
  <td>获取原内容(连带内容的格式)后以html方式输出</td>
  </tr>
  <tr>
  <td><div id="divHTML2">2</div></td>
  <td>获取原内容(不带内容的格式)后以html方式输出</td>
  </tr>
  <tr>
  <td><div id="divHTML3">3</div></td>
  <td>获取原内容(获取第一个匹配元素的内容)后以html方式输出</td>
  </tr>
  <tr>
  <td><p></p></td>
  <td>HTML方式设置段落的文本</td>
  </tr>
  <tr>
  <td><p></p></td>
  <td>如果这个也有内容了，就是设置每个匹配元素的内容</td>
  </tr>
 <tr><td>******************************</td><td>*******************************************</td></tr>
  <tr>
  <td><div id="divText">4</div></td>
  <td>获取原内容后以text方式输出</td>
  </tr>
  <tr>
  <td><div id="divText2"></div></td>
  <td>获取原内容(获取所有匹配元素的内容)后以text方式输出</td>
  </tr>
  <tr>
  <td><a></a></td>
  <td>TEXT方式设置段落的文本</td>
  </tr>
  <tr>
  <td><a></a></td>
  <td>如果这个也有内容了，就是设置每个匹配元素的内容</td>
  </tr>
  <tr><td>******************************</td><td>*******************************************</td></tr>
  <tr>
  <td>

  <select multiple="multiple"style="height:96px;width:85px">
   <option value="1">Item 1</option>
   <option value="2">Item 2</option>
   <option value="3">Item 3</option>
   <option value="4">Item 4</option>
   <option value="5">Item 5</option>
   <option value="6">Item 6</option>
  </select>
  <select>
   <option value="7">Item 7</option>
   <option value="8">Item 8</option>
   <option value="9" selected>Item 9</option>
  </select>
  </td>
  <td>
  </td>
  </tr>
  <tr>
  <td><input ></input></td>
  <td><input ></input></td>
  </tr>

获取的时候，Val主要是下拉框的值，text主要是文本框的值，html会把标签都给获取出来。

val(),text(),html()的区别的更多相关文章

  1. jquery val() text() html()的区别

    value()主要用在表单元素上,如果其他的元素获取value是通过attract()的方法,text()是获取元素的纯文本,如果text(“content”)就会更改元素的文本内容:html()获取 ...

  2. jquery html属性和text属性的区别

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  3. JQuery textarea中val(),text()

    val()是当前输入框的前台显示内容 text()是原始内容, 调试时浏览器审查元素可以发现如果只改变val(),text()值是不会改变的

  4. 宽字符————_T、_TEXT、L、TEXT之间的区别

    _T._TEXT.L.TEXT之间的区别 在分析前先对三者做一个简单的分类 _T._TEXT.TEXT三者都是根据编译器的环境进行ANSI/UNICODE变换的,_T和_TEXT是根据_UNICODE ...

  5. python requests的content和text方法的区别(转)

    原文地址: http://blog.csdn.net/xie_0723/article/details/51361006 问题: 一直在想requests的content和text属性的区别,从pri ...

  6. application/xml 和 text/xml的区别

    application/xml and text/xml的区别 经常看到有关xml时提到"application/xml" 和 "text/xml"两种类型, ...

  7. JQuery操作attr、prop、val()/text()/html()、class属性

    1.1 arr操作   设置单个属性 // 第一个参数:需要设置的属性名 // 第二个参数:对应的属性值 // $obj.attr(name, value); // 用法举例. $('img').at ...

  8. jquery 中 html与text函数的区别

    jquery 中 html与text函数的区别 共同点:它们都能讲函数中的参数渲染到页面中: 异同点: text() 只是简单的讲参数的内容写入到页面中: html() 会根据参数的值,判断是否字体符 ...

  9. jquery中选择器的 html() text() val() attr() 方法的区别与使用方式

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

随机推荐

  1. CodeChef Cards, bags and coins [DP 泛型背包]

    https://www.codechef.com/problems/ANUCBC n个数字,选出其一个子集.求有多少子集满足其中数字之和是m的倍数.n $\le$ 100000,m $\le$ 100 ...

  2. WPF项目学习.一

    WPF项目搭建 版权声明:本文为博主初学经验,未经博主允许不得转载. 一.前言 记录在学习与制作WPF过程中遇到的解决方案. 使用MVVM的优点是 数据和视图分离,双向绑定,低耦合,可重用行,相对独立 ...

  3. 使用echarts水球图

    使用echarts水球图 官方实例中没有水球图样式,当我们需要用到水球图的时候需要下载echarts-liquidfill.js. 使用 在echarts之后引入 echarts-liquidfill ...

  4. Netty基础点滴

    编写一个应答服务器 编写一个应答服务器 写一个Netty服务器主要由两部分组成: 配置服务器功能,如线程.端口 实现服务器处理程序,它包含业务逻辑,决定当有一个请求连接或接收数据时该做什么 启动服务器 ...

  5. 分布式集群下的Session存储方式窥探

    传统的应用服务器,自身实现的session管理是大多是基于单机的,对于大型分布式网站来说,支撑其业务的远远不止一台服务器,而是一个分布式集群,请求在不同的服务器之间跳转.那么,如何保持服务器之前的se ...

  6. Ajax简单总结

    Ajax=异步JS和XML: 主要是局部的数据更新,即不需要刷新整个页面: 首先,需要新建一个XMLHttpRequest对象[这里注意如果是ie7以下的就是创建ActiveXObject]: var ...

  7. eclipse 使 用Ctrl+鼠标左键进入mapper.xml文件的方法

    在 >eclipse MarketPlace中下载>Mybatipse 插件安装重启即可完成

  8. CEF小白人系列1-认识CEF

    手头上有个项目需要做浏览器的相关功能,评估了几个嵌入式方案最后选定CEF作为开发基础. 在入坑新技术的时候第一选择是去官网学习,这是一个非常好的习惯. CEF官网(请科学上网) https://bit ...

  9. display 的 32 种写法

    从大的分类来讲, display的 32种写法可以分为 6个大类,再加上 1个全局类,一共是 7大类: 外部值 内部值 列表值 属性值 显示值 混合值 全局值 外部值 所谓外部值,就是说这些值只会直接 ...

  10. js中的写出想jquery中的函数一样调用

    1.IIFE: Immediately-Invoked function Expression 函数模块自调用 2.代码实现 <!DOCTYPE html> <html lang=& ...