jQuery 文档操作方法

Posted michellexiaoqi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery 文档操作方法相关的知识,希望对你有一定的参考价值。

这些方法对于 XML 文档和 html 文档均是适用的,除了:html()。

一、append() 方法

append() 方法在被选元素的结尾(仍然在内部)插入指定内容。

例子:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").append(" <b>Hello world!</b>");
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>在每个 p 元素的结尾添加内容</button>
</body>
</html>


得出结果

This is a paragraph. Hello world! Hello world! Hello world!

This is another paragraph. Hello world! Hello world! Hello world!

每次点击按钮,都会在元素内容后面添加需要的内容。

 


















以上是关于jQuery 文档操作方法的主要内容,如果未能解决你的问题,请参考以下文章

几个非常实用的JQuery代码片段

jQuery文档就绪

jQuery 文档操作 - insertAfter() ,insertBefore() 方法

jQuery 文档操作 - insertAfter() ,insertBefore(),after(),before() 方法

几个有用的JavaScript/jQuery代码片段(转)

jquery文档操作