JavaScript Tutorial/jQuery/appendTo

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

Add tag to body

   <source lang="javascript">

<html>

 <head>
   <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
   <style type="text/css">
       .changeP { font-weight: bold; color:red;}
   </style>
   <script type="text/javascript">
  $(document).ready(function(){
$("

Hello

").appendTo("body")
  });
   </script>
 </head>
 <body>
  <form>
     <input type="radio" value="Option">
  </form>
 </body>

</html></source>


Add to body tag

   <source lang="javascript">

<html>

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

data

").appendTo("body");
       });
       
           
       
   </script>
 </head>
 <body>
   
 </body>

</html></source>


appendTo(content): the reverse of $(A).append(B)

   <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").appendTo( $("b") );
               
        
       });
   </script>
   <style>
     .selected { color:blue; }
     
   </style>
   
 </head>
 <body>
   <body>
asdf

asdf:

   </body>

</html></source>