当前位置: 首页 > news >正文

jquery获取元素内容-text()和val()

不传参数的text()方法在获取文本内容时,会把子元素的文本也获取过来(会删除 HTML 标记),例子:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
    <div id="container">
    	aaa
        <div>bbb</div>
    </div>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
	alert($('#container').text());//aaa bbb
</script>
</body>
</html>  

当jQuery选择器选中的元素有多个时,它会返回所有匹配元素的组合的文本内容(会删除 HTML 标记)。W3cschool上面的一个例子

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
	alert($("p").text());//返回两段文本内容
</script>
</body>
</html>

传参数的text()方法用于设置值时,它会覆盖被选元素的所有内容。里面可以传标签内容。如:$("p").text(aaa<b>bbb</b>)

对于除表单外的元素,都可以用text()获取和设置元素的内容。

对于表单元素,有个value属性,value属性的内容也会显示在页面。这种情况则用jquery的val()方法获取和设置。

转载于:https://www.cnblogs.com/xiaochongchong/p/5497821.html

相关文章:

  • LR C语言语句复习,几个简单代码
  • 符号表
  • 动态生成服务器控件
  • Linux下s3c-2410开发环境的搭建
  • HDOJ/HDU 2567 寻梦(字符串简单处理)
  • C# 设置Excel打印选项及打印excel文档
  • 软件工程之软件项目管理
  • 时间管理
  • Linux_RHEL7_LDAP、Autofs服务
  • Oracle权限(二)权限相关的动态性能视图与数据字典视图
  • 线程的实现
  • Java 动态生成复杂 Word
  • Competition-based User Expertise Score Estimation-20160520
  • 地址转换协议ARP
  • netstat -aon|findstr 8888 终止进程
  • [rust! #004] [译] Rust 的内置 Traits, 使用场景, 方式, 和原因
  • 【跃迁之路】【444天】程序员高效学习方法论探索系列(实验阶段201-2018.04.25)...
  • Asm.js的简单介绍
  • CNN 在图像分割中的简史:从 R-CNN 到 Mask R-CNN
  • Dubbo 整合 Pinpoint 做分布式服务请求跟踪
  • es6--symbol
  • Java面向对象及其三大特征
  • js
  • k8s如何管理Pod
  • Linux中的硬链接与软链接
  • MyEclipse 8.0 GA 搭建 Struts2 + Spring2 + Hibernate3 (测试)
  • mysql常用命令汇总
  • NSTimer学习笔记
  • orm2 中文文档 3.1 模型属性
  • 爱情 北京女病人
  • 回顾2016
  • 开源地图数据可视化库——mapnik
  • 设计模式 开闭原则
  • 使用common-codec进行md5加密
  • 说说动画卡顿的解决方案
  • 一起参Ember.js讨论、问答社区。
  • 用Canvas画一棵二叉树
  • 由插件封装引出的一丢丢思考
  • ​Spring Boot 分片上传文件
  • ​人工智能之父图灵诞辰纪念日,一起来看最受读者欢迎的AI技术好书
  • #Linux(权限管理)
  • (6)添加vue-cookie
  • (TOJ2804)Even? Odd?
  • (四)Tiki-taka算法(TTA)求解无人机三维路径规划研究(MATLAB)
  • (转)Spring4.2.5+Hibernate4.3.11+Struts1.3.8集成方案一
  • *ST京蓝入股力合节能 着力绿色智慧城市服务
  • .gitattributes 文件
  • .h头文件 .lib动态链接库文件 .dll 动态链接库
  • .NET 4.0中使用内存映射文件实现进程通讯
  • .NET Core 将实体类转换为 SQL(ORM 映射)
  • .NET MVC之AOP
  • .NET开发者必备的11款免费工具
  • /var/log/cvslog 太大
  • ??在JSP中,java和JavaScript如何交互?
  • @hook扩展分析