<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>html() text() val() attr()</title>

    <script src="./js/jquery-1.12.4.min.js"></script>

    <script>

        $(function(){

　　　　　　　$box = $(".box")

　　　　　　　// 获取到的是包括标签在内的内容 可以使用 $box.html("内容") 对整个标签进行替换, 通常会在拿到数组数据后 使用for 循环遍历出数据
　　　　　　　// 然后构造ul li 标签,并将数据填充,然后使用html()方法进行整体替换从而实现数据渲染
　　　　　　　var data = $box.html(); 

　　　　　　　// 取出目标标签的文本内容,如果存在换行,取出的数据中会存在 \n ,需要注意!!!!!!!! 使用 $box.text("内容") 可以进行数据替换 
　　　　　　　var data_1 = $box.text();

　　　　　　　// 取出目标标签的value属性值(如果该标签存在该属性值的话) 可以使用 $(".box_1").val("内容") 进行数据的替换
　　　　　　　var data_2 = $(".box_1").val()

　　　　　　　// 取出该标签的某个属性 也可以使用 $(".box").attr("a", "嘿嘿") 的方式改变属性值
　　　　　　　var data_3 = $(".box").attr("class")
        });

    </script>

</head>

<body>

    <div class="box" a="">

        嘿嘿

    </div>

    <input type="text" value="嘿嘿" class="box_1">

</body>

</html>

jquery中选择器的 html() text() val() attr() 方法的区别与使用方式的更多相关文章

  1. jquery中选择器input:hidden和input[type=hidden]的区别

    关于选择器:hidden的说明,在jquery说明文档中是这样说的:匹配所有不可见元素,或者type为hidden的元素.而[type=hidden]是查找所有type属性等于hidden的元素.两者 ...

  2. jquery中append、prepend, before和after方法的区别（一）

    原文:http://blog.csdn.net/woosido123/article/details/64439490 在 jquery中append() 与 prepend()是在元素内插入内容(该 ...

  3. jQuery获取文本节点之 text()/val()/html() 方法区别

    1. 无参html():取得第一个匹配元素的html内容.这个函数不能用于XML文档.但可以用于XHTML文档,返回的是一个String 例子: html页面代码:<div><p&g ...

  4. jquery中append、prepend, before和after方法的区别

    1.prepend() .append()方法在被选元素的开头/结尾插入文本/HTML: 2.before().after()方法在被选元素之前/之后插入内容: append() & prep ...

  5. JQuery中的$.getScript()、$.getJson()和$.ajax()方法

    $.getScript() 有时候,在页面初次加载时就取得所需的全部JavaScript文件是完全没有必要的.虽然可以在需要哪个JavaScript文件时,动态地创建<script>标签, ...

  6. jquery中checkbox全选失效的解决方法

    这篇文章主要介绍了jquery中checkbox全选失效的解决方法,需要的朋友可以参考下     如果你使用jQuery 1.6 ,代码if ( $(elem).attr(“checked”) ),将 ...

  7. jquery中的html()、text()、val()的区别

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

  8. 【jQuery源码】html,text,val

    jQuery封装的方法html,text,val .html()用为读取和修改元素的HTML标签 .text()用来读取或修改元素的纯文本内容 .val()用来读取或修改表单元素的value值 一.h ...

  9. jquery中prop()方法和attr()方法的区别

    最近在用jquery的时候遇到一个问题,那就是attr()方法,发现这个方法有时候使用会有一些说不出原因的问题.翻翻自己之前笔记发现,还有个函数prop(). 这两个函数都可以用来获取属性. jque ...

随机推荐

  1. 取出资源文件中的bitmap，并将其保存到TMemoryStream中，从资源里载入图象而不丢失调色板

    从资源里载入图象而不丢失调色板 procedure loadgraphic(naam:string);var  { I've moved these in here, so they exist on ...

  2. Linux学习-linux系统下python升级到python3.6步骤详解，以及遇到的问题解决

    说明:一般linux会自带pyhton2.7 1.首先下载源tar包 可利用linux自带下载工具wget下载,如下所示: wget http://www.python.org/ftp/python/ ...

  3. c语言寄存器变量

    寄存器存在于CPU内部,运算速度非常快, 因为内存中的数据必须载入寄存器才能计算.如果直接定义一个变量为寄存器变量,则少了载入等过程自然会快.对于频繁使用的变量可以把它放在寄存器中来提速度. 对于VC ...

  4. mybatis逆向工程的注意事项：mapper文件内容不是覆盖而是追加

    XXXMapper.xml文件已经存在时,如果进行重新生成则mapper.xml文件内容不被覆盖而是进行内容追加,结果导致mybatis解析失败. 解决方法:删除原来已经生成的mapper xml文件 ...

  5. 谈谈WhatsApp一年设计经历和收获

    以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具.   关于WhatApp和Facebook如何实现规模设计的思考 我已经在Facebook担任产品经理 ...

  6. Android Service 通知Activity更新界面的方法研究

    Android Service 通知Activity更新界面的方法研究   Android的最重要的组件式service和activity,那么在使用的过程中,我们最常遇到的问题是他们之间的通信问题. ...

  7. Myeclipse的webservice本地监听设置（一个简陋的代理）

    (1) 首先打开Myeclipse,然后选择window--->show view ---->other (2)搜索tcp,然后找到如图的样式 (3)选中,点击ok (4)弹出下图界面 ( ...

  8. Spring源码解析 - BeanFactory

    BeanFactory是Spring实现依赖注入的核心接口.提供应用的统一配置注册功能,实现业务开发解偶.使用getBean可以代替单例,原型设计模式. 顶重要的BeanFactory里注释写得太好了 ...

  9. Photoshop AI插件

    文字识别 图像识别 图像分割 Photoshop插件有哪些? 有哪些可用的数据集?

  10. Zabbix部署与使用

    *******需要配置网易YUM源来安装相关依赖包: [local_yum] name=local_yum baseurl=http://mirrors.163.com/centos/6/os/x86 ...