多语言展示
当前在线:218今日阅读:26今日分享:39

jquery通过操作DOM获得内容的方法

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属性')】获取元素属性值

推荐信息