jQuery学習ノート(一)


 、jQuery    
 jQuery    Prototype          JavaScript   
 jQuery   :    ,    .     : 
       、      、    DOM      、         、    Ajax、         、        
  、HelloWord: 
   <script type="text/javascript" src="scripts/jquery.js"></script>
   <script type="text/javascript">
   $(document).ready(function(){
    alert("HelloWorld!");
   });
   </script>
 、jQuery    DOM   
DOM(Document Object Model—      ):      ,   ,        ,   
                    
DOM      :
 ①DOM Core: DOM Core       JavaScript,        DOM            
      .              ,                         ,   : XML
 ②HTML DOM:    JavaScript   DOM   HTML        ,        HTML-DOM    
 ③CSS-DOM:    CSS   ,   JavaScript  , CSS-DOM           style        
1).    
        :    jQuery      .
         :            ,      jQuery     attr()             
2).    : 
   jQuery       $(): $(html);        html           DOM   , 
     DOM         jQuery     .
  : 
①                     ,                   ; 
②        ,               XHTML   .       <p>  ,   
     $(“<p/>”)   $(“<p></p>”),       $(“<p>”)   $(“<P>”)
③                          ;                     
     HTML          ,                 ,        
       
append()                           
appendTo()                         
prepend()                       
prependTo()                          
after()                        
insertAfter()                      
befor()                         
insertBefore()                       
             DOM         ,        DOM       .
3).    
remove():   DOM           ,           jQuery         . 
       remove()      ,                    .     
                   .
empty():      –             (       ).
4).    
clone():       DOM   ,           .                 .
clone(true):