jquery元素内容: html(),text(),val()

jquery元素内容: html(),text(),val()

nbsp;html>

登录后复制

html()与attr(),css()一样,根据参数不同,自带读取与设置功能

1.设置元素内容,可以包括任何内容:子元素或文本,与原生的innerHTML属性一样

创建文本节点

var res = $('div').html('jQuery真的好方便')

登录后复制

创建元素节点

立即学习“前端免费学习笔记（深入）”；

var res = $('div').html('
jQuery真的好方便
')

登录后复制

获取元素内容

var res = $('div').html()

登录后复制

2.获取元素中的文本内容:类似于原生中的textContent属性

获取单标签中的文本,会自动将子元素标签

过滤掉,仅留下文本部分

var res = $('div').text()

登录后复制

如果元素内容有多个子元素,这些子元素的文本会合并

var res = $('div').html('
jQuery真的好方便
大家要好好学
')

登录后复制

我们先用html()输出看一下

var res = 'html()输出:'+$('div').html()

登录后复制

再用text()方法输出,将二种输出结果进行对比,注意控制台中的换行使用

res += '' + '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()的详细内容，更多请关注【创想鸟】其它相关文章！