直接上demo：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

        "http://www.w3.org/TR/html4/loose.dtd">

<html>

<!--http://localhost:8080/ssh_easyui/test/findAndChildern.html-->

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title></title>

    <script type="text/javascript" src="../js/easyui/jquery-1.8.0.min.js"></script>

    <script type="text/javascript">

        function valTest() {

            console.info($("#input").val());

        }

        function htmlTest() {

            var result2=$("#tb>tbody").find("tr:eq(1)").html();

            console.info(result2);

        }

        function textTest(){

            var result = $("#tb>tbody").find("tr:eq(1)").text();

            console.info(result);

        }

    </script>

</head>

<body>

Value:<input id="input" type="text" value="LOVE"/>

<table border="1" id="tb">

    <tr>

        <td>编号</td>

        <td>姓名</td>

        <td>年龄</td>

        <td>性别</td>

    </tr>

    <tr>

        <td>1</td>

        <td>诺伊</td>

        <td>18</td>

        <td>女</td>

    </tr>

    <tr>

        <td>2</td>

        <td>王点点</td>

        <td>22</td>

        <td>女</td>

    </tr>

    <tr>

        <td><input type="button" onclick="valTest()" value="测试val()"></td>

        <td><input type="button" onclick="htmlTest()" value="测试html()"></td>

        <td><input type="button" onclick="textTest()" value="测试text()"></td>

    </tr>

</table>

</body>

</html>

相应点击后结果如图所示：

综上：

1.val()是对于单标签元素的值，其中一个很重要的特性就是value=""

2.text()是选择所选元素的文本，没有相应的html

3.html()是选中所选元素的html，可能有html元素。

关于val(),text(),html()的用法的更多相关文章

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

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

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

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

  3. JQuery中attr ,html,text,val，的一些用法

    attr:主要获取元素内部的属性,返回 的是属性值 html:返回当前元素(不包括他自己本身的标签,但是可以返回他自己的)的标签加上内容.仅限于返回第一个. text:和 .html() 方法不同, ...

  4. html、text、val、attr、prop区别。this.value和$(this).val()区别以及return用法

    html(): html() 方法返回或设置被选元素的内容 (inner HTML). 当使用该方法读取多个值时,它会返回第一个匹配元素的内容. 当使用该方法设置一个值时,它会覆盖所有匹配元素的内容. ...

  5. jquery的html()、text()、val()的区别和用法

    1.html() html()[无参]的使用方法是获取某元素内部的HTML代码,包括各种标签: 例:句1:<p>不知道大家高考的理综试卷里有没有关于科学家及其成就的选择题</p> ...

  6. jquery中的 .html(),.val().text()

    .html(),.text(),.val(),.html()用为读取和修改元素的HTML标签,包括标签内的内容.text()用来读取或修改元素的纯文本内容,去除 html 标签.val()用来读取或修 ...

  7. val(),text(),html()的区别

    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> ...

  8. html(),val(),text()的区别

    .html(),.text(),.val() 三种方法都是用来读取选定元素的内容: .html()是用来读取元素的HTML内容(包括其Html标签): .text()用来读取元素的纯文本内 容,包括其 ...

  9. jq杂项方法/工具方法----trim() html() val() text() attr()

    https://www.cnblogs.com/sandraryan/ $.trim() 函数用于去除字符串两端的空白字符.在中间的时候不会去掉. var str = ' 去除字符串左右两端的空格,换 ...

随机推荐

  1. UICollectController

    九宫格 UICollectController 1.新建一个xib描述cell 2.注册xib 3.collectionView显示cell *必须设置数据源(和代理并遵守协议) *实现数据源和代理的 ...

  2. Qt Quick里的图形效果：阴影（Drop Shadow）

    Qt Quick提供了两种阴影效果: DropShow,阴影.这个元素会根据源图像,产生一个彩色的.模糊的新图像,把这个新图像放在源图像后面,给人一种源图像从背景上凸出来的效果. InnerShado ...

  3. linux fork()函数

    C语言编程创建函数fork() 执行解析 | 浏览:1842 | 更新:2013-04-22 15:12 | 标签:c语言 概述 最近在看进程间的通信,看到了fork()函数,虽然以前用过,这次经过思 ...

  4. How to Iterate Over a Map in Java?(如何遍历Map)

    1.Iterate through the "entrySet" like so: public static void printMap(Map mp) { Iterator i ...

  5. js操作select和option

    1.动态创建select function createSelect(){ var mySelect = document.createElement_x("select"); m ...

  6. php 图片压缩处理

    <?php require dirname(__FILE__).'/../includes/common.inc.php'; $_clean = array(); $_info = array( ...

  7. 转载 Deep learning：三(Multivariance Linear Regression练习)

    前言: 本文主要是来练习多变量线性回归问题(其实本文也就3个变量),参考资料见网页:http://openclassroom.stanford.edu/MainFolder/DocumentPage. ...

  8. 关于：hover的一点小问题

    今天又用到了:hover这个伪类选择器,一个小问题搞了我好久,就是关于:hover选择的问题, 先看下css代码 .box:hover span { height: 150px; } 接下来是HTML ...

  9. Light OJ - 1058 Parallelogram Counting（判定平行四边形）

    Description There are n distinct points in the plane, given by their integer coordinates. Find the n ...

  10. redis 工具类 单个redis、JedisPool 及多个redis、shardedJedisPool与spring的集成配置

    http://www.cnblogs.com/edisonfeng/p/3571870.html http://javacrazyer.iteye.com/blog/1840161 http://ww ...