jQuery中操作元素内容的方法,主要包括html()方法、text()方法和val()方法。html()方法用于获取或设置元素的HTML内容,text()方法用于获取或设置元素的文本内容,val()方法用来获取或设置表单元素的value值。具体使用说明如表1所示。

表1 元素内容操作

  需要注意的是,val()方法可以操作表单(select、radio和checkbox)的选中情况,当要获取的元素是<select>元素时,返回结果是一个包含所选值的数组;当要为表单元素设置选中情况时,可以传递数组参数。
为了让读者更好地理解元素内容相关方法的使用,下面通过具体代码进行演示。

  通过浏览器访问测试,运行结果如图1所示。

图1 获取元素内容

  从图1可以看出,使用html()方法获取的元素内容含有HTML标签(如span),而使用text()方法获取的是去除HTML标签的内容,将该元素包含的文本内容组合起来的文本。因此,读者根据项目的需求,在开发中选择合适的方法使用即可。

jQuery元素内容操作的方法有多少种?相关推荐

  1. 事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流

    一.事件冒泡定义 事件冒泡是指在一个对象触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那 ...

  2. jq 检测元素内html变化,jq 监听 textarea 元素内容变化的方法

    在前台是可以限制 textarea 元素内输入内容的长度的,当然是用 jquery 代码实现起来是最简单,方便的,JQ脚本通过对 textarea 元素内容变化的检测来判断内容是否超出指定的长度. j ...

  3. js第7章DOM案例:获取操作的元素、元素内容操作、元素属性操作、classList的使用、获取节点、节点追加、删除节点和节点属性

    目录 1.获取操作的元素 document对象的方法 document对象的属性 Element对象的方法和属性 2. 元素内容操作 3.元素属性操作 4.classList的使用 5. 获取节点 6 ...

  4. jquery元素节点操作

    jquery元素节点操作 创建节点 var $div = $('<div>'); var $div2 = $('<div>这是一个div元素</div>'); 插入 ...

  5. jQuery 核心 - noConflict() 方法,jQuery 文档操作 - detach() 方法

    为什么80%的码农都做不了架构师?>>>    原文地址:http://www.w3school.com.cn/jquery/manipulation_detach.asp 实例 使 ...

  6. Java使用Jsoup爬虫获取网站内容(三)获取元素内容属性的方法

    介绍 我们可以通过Jsoup来获取一个Document对象,然后通过对Document对象进行解析来获取元素对象,最后通过元素对象的一些方法来获取元素的属性名称,属性值以及文本内容. 代码 附上获取方 ...

  7. jquery 元素节点操作 - 创建节点、插入节点、删除节点

    jquery的节点操作说明 前面的篇章对于jquery的元素操作大部分是使用html()的方式来操作,这种直接使用字符串创建的方式也是性能最高的. 使用html()操作节点 首先编写一个div包含一个 ...

  8. jQuery 文档操作 - replaceWith() 方法

    实例 使用新文本替换第一个P元素: $(".btn1").click(function(){$("p").replaceWith("<b> ...

  9. html+在ul中加边框,为元素添加边框,你有多少种好办法?

    本文作者:IMWeb 莫卓颖 未经同意,禁止转载 背景 相信大家在做项目的过程中会经常遇到这样的一个需求,鼠标hover到某个元素的时候为这个元素添加边框,这个简单的需求仅需注意添加边框后不会对原有的 ...

最新文章

  1. [附加题] 结对项目对接的苦痛
  2. rtp发送 h265
  3. oracle数据库的model,Oracle 11g学习笔记–model子句
  4. 深度强化学习探索算法最新综述,近200篇文献揭示挑战和未来方向
  5. 关于阿里面试的一个小题(推荐)
  6. Vue010_ 过滤器
  7. 从一个点云里面创建一个深度图
  8. 吴恩达深度学习4.2练习_Convolutional Neural Networks_Residual Networks
  9. mysql update emp set_Mysql数据库性能优化一
  10. 关于《啊哈!算法》相关资源
  11. python求100以内的质数
  12. android toast 怎么用,Android学习 Android Toast的使用
  13. HDU—— 2567 寻梦
  14. 承接上篇 Logback 打印SQL配置
  15. 马云:你穷,是因为你没有极度渴望成为成功的野心
  16. 虚拟机Centos网络配置
  17. java调起喇叭,【音响知识】调音不求人 教你五步轻松调出好声音
  18. 对routes,route,router的理解
  19. 【车间调度】车间调度问题的特点
  20. 数据分析--可视化matplotlib

热门文章

  1. Spring Aop的应用
  2. 使用VB.NET加快代码开发速度
  3. 历史 history
  4. Python自动化测试白羊座-week3切片+元组
  5. jquery中ajax的dataType属性包括哪几项
  6. alter system switch logfile与alter system archive log current的区别
  7. C++vector迭代器失效的问题
  8. Linux下配置SNMP
  9. java显示本地磁盘所有盘符,显示桌面路径
  10. 使用jquery.more.js来实现点击底部更多后, 底部加载出新的数据