语法:
$(selector).事件(content)
方法:
html() 函数改变所匹配的 HTML 元素的内容(innerHTML)。
append() 函数向所匹配的 HTML 元素内部追加内容(追加就是在原有的元素之内、之后插入)。
prepend() 函数向所匹配的 HTML 元素内部预置(Prepend)内容。
after() 函数在所有匹配的元素之后插入 HTML 内容(之后插入就是,在原有的元素之外、之后插入)。
before() 在每个匹配的元素之前插入内容(与after相反)。
insertAfter() 把匹配的元素插入到另一个指定的元素集合的后面。
insertBefore() 把匹配的元素插入到另一个指定的元素集合的前面。
$(selector).事件(content)
方法:
html() 函数改变所匹配的 HTML 元素的内容(innerHTML)。
append() 函数向所匹配的 HTML 元素内部追加内容(追加就是在原有的元素之内、之后插入)。
prepend() 函数向所匹配的 HTML 元素内部预置(Prepend)内容。
after() 函数在所有匹配的元素之后插入 HTML 内容(之后插入就是,在原有的元素之外、之后插入)。
before() 在每个匹配的元素之前插入内容(与after相反)。
insertAfter() 把匹配的元素插入到另一个指定的元素集合的后面。
insertBefore() 把匹配的元素插入到另一个指定的元素集合的前面。
示例:
<span style="font-size:18px;"><html>
<head>
<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
//$("p").prepend("www.baidu.com");
//$("p").append("www.baidu.com");
//$("p").html("www.baidu.com");
//$("p").after("www.baidu.com");
//$("p").before("www.baidu.com");
//$("<span>你好!</span>").insertAfter("p");
$("<span>你好!</span>").insertBefore("p");
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">请点击这里</button>
</body>
</html></span>