jquery学习之1.16-替换节点

替换节点包括以下:

代码如下:

 1 <%@ page language="java" import="java.util.*"
 2  pageEncoding="utf-8"%>
 3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 4 <html>
 5   <head>
 6   <title>11</title>    
 7   <style type="text/css">
 8   .one {width:30%;height:20%;background:#ff00ff;}
 9   </style>
10   <script type="text/javascript" src="../js/jquery-1.11.0.js">
11   </script>
12   <script language="javascript">
13    $(document).ready(function()
14   {      
15       //***********************给ul中添加一个li节点*******
16     
17       $("#bt1").click(
18      function()
19      {          
20        //**********替换li为strong******************
21      // $(‘li‘).replaceWith("<strong>hhaha</strong>");
22       $("<b>Paragraph. </b>").replaceAll("li");           
23       });      
24    }); 
25   </script>
26   </head> 
27   <body>
28     <input type="button"  id="bt1" value="替换li为strong" ></input>     
29    <ul id="select">
30     <li id="li1">选择1</li>
31     <li id="li2">选择2</li>
32     <li id="li3">选择3</li>
33     <li id="li4">选择4</li>
34     <li id="li5">选择5</li>
35    </ul>
36     <br>
37   </body>
38 </html>
my Code

jquery学习之1.16-替换节点,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。