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

html表示dom怎么设置,{HTML5}DOM 和 CSS 操作-第二节-设置元素及内容

通过前面所学习的各种选择器、过滤器来得到想要操作的元素。这个时候,就可以对这些元素进行 DOM 的操作。那么,最常用的操作就是对元素内容的获取和修改。

html()和 text()方法

d6c7ae160f8f55a4f5ee63517278a698.png

​​

在常规的 DOM 元素中,可以使用 html()和 text()方法获取内部的数据。html()方法可以获取或设置 html 内容,text()可以获取或设置文本内容。

$('#box').html();                               //获取 html 内容

$('#box').text();                               //获取文本内容,会自动清理 html 标签

$('#box').html('www.baidu.com ');      //设置 html 内容

$('#box').text('www.baidu.com');       //设置文本内容,会自动转义 html 标签

注意:当我们使用 html()或 text()设置元素里的内容时,会清空原来的数据。而我们期望能够追加数据的话,需要先获取原本的数据。

$('#box').html($('#box').html() + 'www.baidu.com');  //追加数据,此方法内容多时不好操作

如果元素是表单的话,jQuery 提供了 val()方法进行获取或设置内部的文本数据。

$('input').val();                                    //获取表单内容

$('input').val('www.baidu.com');            //设置表单内容

如果想设置多个选项的选定状态,比如下拉列表、单选复选框等等,可以通过数组传递操作。

$("input").val(["check1-var名称","check2", "radio1" ]); //value 值是check1(val值)这些的将被选定​

相关文章:

  • 中职计算机应用基础教案1,中职计算机应用基础教案版.ppt
  • 计算机未来发展趋势多级化,计算机的未来发展趋势
  • 学城市轨道和计算机专业哪个好,2019湖南考生学城市轨道交通通信信号技术专业选什么大学好?...
  • 我查学生学的电子计算机要,计算机网络及应用
  • HTML项目做什么好,node适合做什么项目
  • 微型计算机原理8255a考研题,上海交通大学1999年硕士研究生入学考试试题 微型计算机原理与应用(含数字电路)...
  • html5 background-size,CSS3属性background-size使用指南
  • 对计算机应用的,计算机应用技术对企业信息化作用
  • 计算机学院贺凤,计算机学院举办2018年暑期社会实践宣讲会
  • 计算机内存管理的书籍,计算机基础-内存管理介绍
  • 中职类学校计算机教学改革,中职计算机基础课程教学改革浅论 教育部关于中职学校教学改革...
  • 六盘水师范学院计算机,【六盘水师范学院】全国大学生一级计算机考试
  • 计算机发展的第四阶段为中小规模集成电路,第三代中小规模集成电路计算机.ppt...
  • 幼儿园计算机维护人员放暑假,放假通知!中小学、幼儿园暑假时间官宣!假期长达…...
  • win7计算机时间同步出错,win7系统时间同步出错RPC服务器不可用如何解决
  • Git同步原始仓库到Fork仓库中
  • hadoop集群管理系统搭建规划说明
  • hadoop入门学习教程--DKHadoop完整安装步骤
  • React as a UI Runtime(五、列表)
  • Redux 中间件分析
  • Swift 中的尾递归和蹦床
  • 浮现式设计
  • 配置 PM2 实现代码自动发布
  • 如何编写一个可升级的智能合约
  • 使用parted解决大于2T的磁盘分区
  • 微信小程序:实现悬浮返回和分享按钮
  • 想使用 MongoDB ,你应该了解这8个方面!
  • 一道闭包题引发的思考
  • python最赚钱的4个方向,你最心动的是哪个?
  • 好程序员web前端教程分享CSS不同元素margin的计算 ...
  • ​软考-高级-系统架构设计师教程(清华第2版)【第9章 软件可靠性基础知识(P320~344)-思维导图】​
  • #{} 和 ${}区别
  • $HTTP_POST_VARS['']和$_POST['']的区别
  • (13):Silverlight 2 数据与通信之WebRequest
  • (ibm)Java 语言的 XPath API
  • (PWM呼吸灯)合泰开发板HT66F2390-----点灯大师
  • (附源码)基于ssm的模具配件账单管理系统 毕业设计 081848
  • (七)MySQL是如何将LRU链表的使用性能优化到极致的?
  • (使用vite搭建vue3项目(vite + vue3 + vue router + pinia + element plus))
  • (一)认识微服务
  • (转)iOS字体
  • .mysql secret在哪_MYSQL基本操作(上)
  • .net core 6 集成 elasticsearch 并 使用分词器
  • .net mvc actionresult 返回字符串_.NET架构师知识普及
  • .NET版Word处理控件Aspose.words功能演示:在ASP.NET MVC中创建MS Word编辑器
  • .NET国产化改造探索(三)、银河麒麟安装.NET 8环境
  • @TableId注解详细介绍 mybaits 实体类主键注解
  • @vue/cli脚手架
  • [ vulhub漏洞复现篇 ] Django SQL注入漏洞复现 CVE-2021-35042
  • [<死锁专题>]
  • [2018-01-08] Python强化周的第一天
  • [BUG] Hadoop-3.3.4集群yarn管理页面子队列不显示任务
  • [BZOJ4566][HAOI2016]找相同字符(SAM)
  • [C#][opencvsharp]opencvsharp sift和surf特征点匹配
  • [C++基础]-初识模板