jquery通过操作DOM获得内容,有以下几个API可以使用:1、获取内容 1).text() : 返回所选元素的文本内容(如果元素内部含有html标签,则返回各个标签内部的内容,不含标签) 2).html(): 返回所选元素的内容(含HTML标签) 3).val(): 获取文本框(input)、多行文本(textarea)、下拉框(select)等表单标签的值 4).prop('checked'):主要用于获取checkbox选中状态;也可以用于获取其他属性,此时相当于 .attr('xx属性') 5).attr('xx属性'): 获取元素的“xx属性”的值2、设置内容 1).text('xx内容') :设置所选元素的内容 2).html('xx内容'):设置所选元素的内容 3).val('xx内容'): 设置文本框(input)、多行文本(textarea)、下拉框(select)等表单标签的值 4).prop('checked', true): 设置checkbox选中的状态;也可以用于获取其他属性,此时相当于 .attr('xx属性') 5).attr('xx属性', 'xx值'): 获取元素的“xx属性”=“xx值”3、此处仅演示获取内容,设置内容请参考上面介绍
方法/步骤
1
创建如下结构的测试文件 -- Content -- jquery-1.7.2.min.js -- HTMLPage1.html
2
在页面中添加测试dom结构代码,并引入Jquery
3
【.text() 】获取内容:结果将不含html标签
4
【.html()】获取内容:结果将含内dom的html标签
5
【.val()】获取文本框内容
6
【.prop('checked')】获取checkbox的选中状态
7
【.attr('xx属性')】获取元素属性值
上一篇:Linux系统安装skype