jquery元素内容: html(),text(),val()
jquery元素内容: html(),text(),val()
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>元素的内容: html(),text(),val()</title> </head> <body> <div></div> <form> 邮箱: <input type="text" name="email"> <button>提交</button> </form> </body> </html>
html()与attr(),css()一样,根据参数不同,自带读取与设置功能
1.设置元素内容,可以包括任何内容:子元素或文本,与原生的innerHTML属性一样
创建文本节点
var res = $('div').html('jQuery真的好方便')
创建元素节点
var res = $('div').html('<h2>jQuery真的好方便</h2>')
获取元素内容
var res = $('div').html()
2.获取元素中的文本内容:类似于原生中的textContent属性
获取单标签中的文本,会自动将子元素标签
过滤掉,仅留下文本部分var res = $('div').text()
登录后复制
var res = $('div').text()
如果元素内容有多个子元素,这些子元素的文本会合并
var res = $('div').html('<h2>jQuery真的好方便</h2><p>大家要好好学</p>')
我们先用html()输出看一下
var res = 'html()输出:'+$('div').html()
再用text()方法输出,将二种输出结果进行对比,注意控制台中的换行使用\n
res += '\n' + 'text()输出:' + $('div').text()
text()如果有参数,就是设置操作
var res = $('div').text('祝愿大家早日成为一名合格的Web开发程序员')
3.获取或设置表单控件中的数据: val(),等价于原生中的表单元素的value属性
$('button').click(function(){读取value属性的值
alert($(':text').val())
设置value属性的值
$(':text').val('zhu@php.cn')
alert($(':text').val())
})控制台查看结果
console.log(res)
以上是jquery元素内容: html(),text(),val()的详细内容。更多信息请关注PHP中文网其他相关文章！
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
如何在浏览器中优化JavaScript代码以进行性能？
Mar 18, 2025 pm 03:14 PM
本文讨论了在浏览器中优化JavaScript性能的策略，重点是减少执行时间并最大程度地减少对页面负载速度的影响。
谁得到更多的Python或JavaScript？
Apr 04, 2025 am 12:09 AM
Python和JavaScript开发者的薪资没有绝对的高低，具体取决于技能和行业需求。1.Python在数据科学和机器学习领域可能薪资更高。2.JavaScript在前端和全栈开发中需求大，薪资也可观。3.影响因素包括经验、地理位置、公司规模和特定技能。
如何使用浏览器开发人员工具有效调试JavaScript代码？
Mar 18, 2025 pm 03:16 PM
本文讨论了使用浏览器开发人员工具的有效JavaScript调试，专注于设置断点，使用控制台和分析性能。
如何使用JavaScript将具有相同ID的数组元素合并到一个对象中？
Apr 04, 2025 pm 05:09 PM
如何在JavaScript中将具有相同ID的数组元素合并到一个对象中？在处理数据时，我们常常会遇到需要将具有相同ID�...
如何使用源地图调试缩小JavaScript代码？
Mar 18, 2025 pm 03:17 PM
本文说明了如何使用源地图通过将其映射回原始代码来调试JAVASCRIPT。它讨论了启用源地图，设置断点以及使用Chrome DevTools和WebPack之类的工具。
神秘的JavaScript：它的作用以及为什么重要
Apr 09, 2025 am 12:07 AM
JavaScript是现代Web开发的基石，它的主要功能包括事件驱动编程、动态内容生成和异步编程。1)事件驱动编程允许网页根据用户操作动态变化。2)动态内容生成使得页面内容可以根据条件调整。3)异步编程确保用户界面不被阻塞。JavaScript广泛应用于网页交互、单页面应用和服务器端开发，极大地提升了用户体验和跨平台开发的灵活性。
