jquery替换节点
2011-03-29 09:25
232 查看
源码下载:jquery替换节点
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>3-6</title>
<!-- 引入jQuery -->
<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(function(){
$("p").replaceWith("<strong>你最不喜欢的水果是?</strong>");
// 同样的实现： $("<strong>你最不喜欢的水果是?</strong>").replaceAll("p");
});
//]]>
</script>
</head>
<body>
<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
<ul>
<li title='苹果'>苹果</li>
<li title='橘子'>橘子</li>
<li title='菠萝'>菠萝</li>
</ul>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>3-6</title>
<!-- 引入jQuery -->
<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(function(){
$("p").replaceWith("<strong>你最不喜欢的水果是?</strong>");
// 同样的实现： $("<strong>你最不喜欢的水果是?</strong>").replaceAll("p");
});
//]]>
</script>
</head>
<body>
<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
<ul>
<li title='苹果'>苹果</li>
<li title='橘子'>橘子</li>
<li title='菠萝'>菠萝</li>
</ul>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jQuery节点替换
- jquery删除，添加，替换，复制节点的几种常用方法
- jQuery插入,复制、替换和删除节点
- jQuery-DOM节点的复制与替换
- Jquery中替换节点的方法replaceWith（）和replaceAll（）
- jQuery插入,复制、替换和删除节点
- jQuery插入,复制、替换和删除节点
- jQuery(3-6)复制节点替换节点包裹节点
- jQueryday05补充(外内添加节点替换 节点操作)
- jQuery替换节点元素的操作方法
- jQuery实现节点克隆、替换和互换
- jQuery:插入,复制,替换和删除节点
- JQUERY插入,复制、替换和删除节点
- jQuery实现节点克隆、替换和互换
- jQuery替换删除节点
- JQuery学习笔记（五）——复制、替换和包裹节点
- jQuery:插入,复制,替换和删除节点
- 系统学习jQuery.核心知识.局部.jQuery操作.DOM操作.替换节点
- JQuery替换DOM节点自身HTML
- JQUERY插入,复制、替换和删除节点