jquery html() 方法返回图片,jQuery html() 方法

jQuery html() 方法

html()方法获取或设置所选元素的内容(innerHTML)。

使用html()方法获取内容时，它将返回第一个选定元素的内容。

使用html()方法设置内容时，它将覆盖所有选定元素的内容。

注意：使用html()设置元素的内容时，该元素中的所有内容都将被新内容完全替换。此外，在用新内容替换子元素之前，jQuery从子元素中删除了其他构造，例如数据和事件处理程序。

使用text()方法仅获取或设置所选元素的文本内容。

语法：

获取内容：$(selector).html()

设定内容：$(selector).html(content)

使用函数设置内容：$(selector).html(function(index, currentContent))

示例

单击按钮，获取第一段的内容：

示例$("button").click(function(){

alert($("p").html());

});测试看看‹/›

单击每个段落将返回HTML内容：

示例$("p").click(function(){

alert($(this).html());

});测试看看‹/›

更改所有段落的内容：

示例$("button").click(function(){

$("p").html("我想说: Hello world");

});测试看看‹/›

使用函数更改元素内容：

示例$("button").click(function(){

$("p").html(function(i){

return "这个p元素的索引: " + i;

});

});测试看看‹/›

html()方法和text()方法之间的区别：

示例$("#btn1").click(function(){

$("p").html("我想说: Hello world");

});

$("#btn2").click(function(){

$("p").text("我想说: Hello world");

});测试看看‹/›

参数值参数描述content设置为所有选定元素内容的HTML字符串

注意：如果省略此参数，则html()将返回第一个选定元素的内容

function(index, currentContent)指定一个返回要设置的HTML内容的函数

index-返回元素在集合中的索引位置

currentContent-返回所选元素的当前HTML内容