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').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中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
529
