jqueryhtml方法 jQuery HTML

jqueryhtml方法

jQuery html() 方法用于设置或返回被选元素的内容（innerHTML）。

$(selector).html(content);  // 设置被选元素的内容
$(selector).html();  // 返回被选元素的内容

当使用 html() 方法时，如果没有参数，则返回被选元素的当前内容。如果使用了参数，则会将参数作为新的内容来设置被选元素。

html() 方法可以用来替代 innerHTML 属性。但是，与 innerHTML 属性不同，html() 方法不会返回文本和注释节点。

  // 返回 
This is a test
 的内容 
$("#test").html();   // This is a test  

除了字符串外，html() 方法也可以接受一个函数作为参数。该函数将在每个匹配元素上执行，并将当前元素作为上下文传递。函数返回值将作为新的 HTML 内容来设置匹配元素。

// 返回 
This is a test.
, 加上一些文本 
$("#test").html(function(){   return "Test: " + $(this).text(); });   // Test: This is a test. 

此外，jQuery 还提供了一些特殊方法来快速地从 HTML 字符串中创建 DOM 对象并添加到 DOM 中。这些方法包括 append(), prepend(), after(), before(), wrap(), wrapAll() 等方法。

jQuery HTML