jquery 学习之二 属性(html()与html(val))
更新时间：2010年11月25日 18:33:09 作者：
取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
html()
取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
Get the html contents of the first matched element. This property is not available on XML documents (although it will work for XHTML documents).
返回值
String
示例
HTML 代码:
<div><p>Hello</p></div>
jQuery 代码:
$("div").html();
结果:
Hello
html(val)
设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
Set the html contents of every matched element. This property is not available on XML documents (although it will work for XHTML documents).
返回值
jQuery
参数
val (String) : 用于设定HTML内容的值
示例
HTML 代码:
<div></div>
jQuery 代码:
$("div").html("<p>Hello Again</p>");
结果:
[ <div><p>Hello Again</p></div> ]
取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
Get the html contents of the first matched element. This property is not available on XML documents (although it will work for XHTML documents).
返回值
String
示例
复制代码 代码如下:
HTML 代码:
<div><p>Hello</p></div>
jQuery 代码:
$("div").html();
结果:
Hello
html(val)
设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
Set the html contents of every matched element. This property is not available on XML documents (although it will work for XHTML documents).
返回值
jQuery
参数
val (String) : 用于设定HTML内容的值
示例
复制代码 代码如下:
HTML 代码:
<div></div>
jQuery 代码:
$("div").html("<p>Hello Again</p>");
结果:
[ <div><p>Hello Again</p></div> ]
您可能感兴趣的文章:
- jquery append()方法与html()方法的区别及使用介绍
- jquery text(),val(),html()方法区别总结
- 『jQuery』.html(),.text()和.val()的概述及使用
- innerHTML与jquery里的html()区别介绍
- JQuery中html()方法使用不当带来的陷阱
- jQuery获取文本节点之 text()/val()/html() 方法区别
- jquery 的 $("#id").html() 无内容的解决方法
- jQuery html() in Firefox (uses .innerHTML) ignores DOM changes
- jQuery html()等方法介绍
- jQuery html()方法使用不了无法显示内容的问题
相关文章
在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？关于它们两个的区别，这里谈谈我的心得，我的心得很简单：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。2015-05-05
下面小编就为大家带来一篇Jquery获取第一个子元素简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
jQuery+css last-child实现选择最后一个子元素操作示例
这篇文章主要介绍了jQuery+css last-child实现选择最后一个子元素操作,结合实例形式分析了jQuery结合css进行页面元素选择与样式修改相关操作技巧,需要的朋友可以参考下2018-12-12
这篇文章主要介绍了jquery自动补齐功能插件flexselect用法,结合实例形式分析了flexselect实现自动补齐功能的操作步骤与相关实现技巧,需要的朋友可以参考下2016-08-08
这篇文章主要介绍了jQuery中extend函数详解,十分详细，需要的朋友可以参考下2015-02-02
这段代码是通过jquery动态增加限定数额的text，以及清除文本内容，用到了after()方法追加元素，具体实现如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-07-07
这篇文章主要介绍了jQuery轻量级表单模型验证插件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-10-10
想必大家对删除提示框并不陌生吧，也就是大家常见的弹出是否删除的对话框，下面使用jquery来实现下，感兴趣的朋友不要错过2014-01-01
这篇文章主要介绍了jQuery中:disabled选择器用法,实例分析了:disabled选择器功能、定义及选取所有禁用的表单元素的技巧,需要的朋友可以参考下2015-01-01
本篇文章主要是对jquery实现checkbox 全选/全不选的通用写法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
最新评论