您的位置:首页 > Web前端 > JQuery

jquery学习之1.16-替换节点

2014-03-27 22:14 357 查看
替换节点包括以下:

<%@ page language="java" import="java.util.*"
pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>11</title>
<style type="text/css">
.one {width:30%;height:20%;background:#ff00ff;}
</style>
<script type="text/javascript" src="../js/jquery-1.11.0.js">
</script>
<script language="javascript">
$(document).ready(function()
{
//***********************给ul中添加一个li节点*******

$("#bt1").click(
function()
{
//**********替换li为strong******************
// $('li').replaceWith("<strong>hhaha</strong>");
$("<b>Paragraph. </b>").replaceAll("li");
});
});
</script>
</head>
<body>
<input type="button"  id="bt1" value="替换li为strong" ></input>
<ul id="select">
<li id="li1">选择1</li>
<li id="li2">选择2</li>
<li id="li3">选择3</li>
<li id="li4">选择4</li>
<li id="li5">选择5</li>
</ul>
<br>
</body>
</html>


my Code
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: