JavaScript Tutorial/jQuery/wrapInner

Материал из Web эксперт
Перейти к: навигация, поиск

30. Add border with wrapInner

   <source lang="javascript">

<html>

 <head>
   <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
   <script type="text/javascript">
       $(document).ready(function(){
$("p").wrapInner("
");
       });
   </script>
   <style>
     div { border:2px green solid;}
   </style>
 </head>
 <body>
   <body>

Hello

   </body>

</html></source>


30. Innerwrap created element

   <source lang="javascript">

<html>

 <head>
   <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
   <script type="text/javascript">
       $(document).ready(function(){
            $("p").wrapInner(document.createElement("b"));
       });
   </script>
   <style>
     div { border:2px green solid;}
   </style>
 </head>
 <body>
   <body>

Hello

   </body>

</html></source>


30. Innerwrap tags

   <source lang="javascript">

<html>

 <head>
   <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
   <script type="text/javascript">
       $(document).ready(function(){
            $("p").wrapInner("");


       });
   </script>
   
 </head>
 <body>
   <body>

Hello

   </body>

</html></source>


30. Wrap tag to add border

   <source lang="javascript">

<html>

 <head>
   <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
   <script type="text/javascript">
       $(document).ready(function(){
            $("p").wrapInner($(""));
       });
   </script>
   <style>
     .red { border:2px green solid;}
   </style>
 </head>
 <body>
   <body>

Hello

   </body>

</html></source>