jQuery元素内容操作的方法有多少种?
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元素内容操作的方法有多少种?相关推荐
- 事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
一.事件冒泡定义 事件冒泡是指在一个对象触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那 ...
- jq 检测元素内html变化,jq 监听 textarea 元素内容变化的方法
在前台是可以限制 textarea 元素内输入内容的长度的,当然是用 jquery 代码实现起来是最简单,方便的,JQ脚本通过对 textarea 元素内容变化的检测来判断内容是否超出指定的长度. j ...
- js第7章DOM案例:获取操作的元素、元素内容操作、元素属性操作、classList的使用、获取节点、节点追加、删除节点和节点属性
目录 1.获取操作的元素 document对象的方法 document对象的属性 Element对象的方法和属性 2. 元素内容操作 3.元素属性操作 4.classList的使用 5. 获取节点 6 ...
- jquery元素节点操作
jquery元素节点操作 创建节点 var $div = $('<div>'); var $div2 = $('<div>这是一个div元素</div>'); 插入 ...
- jQuery 核心 - noConflict() 方法,jQuery 文档操作 - detach() 方法
为什么80%的码农都做不了架构师?>>> 原文地址:http://www.w3school.com.cn/jquery/manipulation_detach.asp 实例 使 ...
- Java使用Jsoup爬虫获取网站内容(三)获取元素内容属性的方法
介绍 我们可以通过Jsoup来获取一个Document对象,然后通过对Document对象进行解析来获取元素对象,最后通过元素对象的一些方法来获取元素的属性名称,属性值以及文本内容. 代码 附上获取方 ...
- jquery 元素节点操作 - 创建节点、插入节点、删除节点
jquery的节点操作说明 前面的篇章对于jquery的元素操作大部分是使用html()的方式来操作,这种直接使用字符串创建的方式也是性能最高的. 使用html()操作节点 首先编写一个div包含一个 ...
- jQuery 文档操作 - replaceWith() 方法
实例 使用新文本替换第一个P元素: $(".btn1").click(function(){$("p").replaceWith("<b> ...
- html+在ul中加边框,为元素添加边框,你有多少种好办法?
本文作者:IMWeb 莫卓颖 未经同意,禁止转载 背景 相信大家在做项目的过程中会经常遇到这样的一个需求,鼠标hover到某个元素的时候为这个元素添加边框,这个简单的需求仅需注意添加边框后不会对原有的 ...
最新文章
- [附加题] 结对项目对接的苦痛
- rtp发送 h265
- oracle数据库的model,Oracle 11g学习笔记–model子句
- 深度强化学习探索算法最新综述,近200篇文献揭示挑战和未来方向
- 关于阿里面试的一个小题(推荐)
- Vue010_ 过滤器
- 从一个点云里面创建一个深度图
- 吴恩达深度学习4.2练习_Convolutional Neural Networks_Residual Networks
- mysql update emp set_Mysql数据库性能优化一
- 关于《啊哈!算法》相关资源
- python求100以内的质数
- android toast 怎么用,Android学习 Android Toast的使用
- HDU—— 2567 寻梦
- 承接上篇 Logback 打印SQL配置
- 马云:你穷,是因为你没有极度渴望成为成功的野心
- 虚拟机Centos网络配置
- java调起喇叭,【音响知识】调音不求人 教你五步轻松调出好声音
- 对routes,route,router的理解
- 【车间调度】车间调度问题的特点
- 数据分析--可视化matplotlib