jQuery HTML 操作 改变/添加文本值

1、JQuery 改变p中的文本值

<code>&lt;</code><code>html</code><code>&gt;</code>

<code>&lt;</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>script</code> <code>type="text/javascript" src="jquery-1.7.1.min.js"&gt;&lt;/</code><code>script</code><code>&gt;</code>

<code>&lt;</code><code>script</code> <code>type="text/javascript"&gt;</code>

<code>$(document).ready(function(){</code>

<code>  </code><code>$("button").click(function(){</code>

<code>  </code><code>$("p").html("Update text");</code>

<code>  </code><code>});</code>

<code>});</code>

<code>&lt;/</code><code>script</code><code>&gt;</code>

<code>&lt;/</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>body</code><code>&gt;</code>

<code>&lt;</code><code>h2</code><code>&gt;This is a heading&lt;/</code><code>h2</code><code>&gt;</code>

<code>&lt;</code><code>p</code><code>&gt;This is a paragraph.&lt;/</code><code>p</code><code>&gt;</code>

<code>&lt;</code><code>p</code><code>&gt;This is another paragraph.&lt;/</code><code>p</code><code>&gt;</code>

<code>&lt;</code><code>button</code> <code>type="button"&gt;Click here&lt;/</code><code>button</code><code>&gt;</code>

<code>&lt;/</code><code>body</code><code>&gt;</code>

<code>&lt;/</code><code>html</code><code>&gt;</code>

 2、JQuery 添加p中的文本值

<code>  </code><code>$("p").append(" Append text");</code>

<code>&lt;</code><code>button</code> <code>type="button"&gt;请点击这里&lt;/</code><code>button</code><code>&gt;</code>

 3、after() 函数在所有匹配的元素之后插入 HTML 内容

<code>  </code><code>$("p").after(" Add  content.");</code>

 4、jQuery HTML 操作

函数

描述

$(selector).html(content)

改变被选元素的（内部）HTML

$(selector).append(content)

向被选元素的（内部）HTML 追加内容

$(selector).prepend(content)

向被选元素的（内部）HTML “预置”（Prepend）内容

$(selector).after(content)

在被选元素之后添加 HTML

$(selector).before(content)

在被选元素之前添加 HTML

本文转自Work Hard Work Smart博客园博客，原文链接：http://www.cnblogs.com/linlf03/archive/2012/01/01/2309666.html，如需转载请自行联系原作者