JQuery: JQuery 객체 및 DOM 객체

@{
    Layout = null;
}





    
    


    
 
        

    
    
    
        //1-1jQuery   DOM  
        /*       jQuery     ，          ：
            jQuery   DOM       
                         jQuery  ，   DOM  ，        jQuery  ，          。
                 ，     jQuery   DOM  ：
        <p id="test"></p>
                  id test p  ，               ：“  ！        ”，           。

            ，    JavaScript  ：
        var p = document.getElementById('test');
        p.innerHTML = "  ！        ";
        p.style.color = "red";
            DOM     document.getElementById(“test”)      DOM      DOM  ，   innerHTML style         。
        
        jQuery   ：
        var $p = $('#test');
        $p.html('  ！        ').css('color','red');
          $('#test')       $p jQuery  ，$p        。         DOM     ，           ，       html css，         JavaScript        。
        */
        window.onload = function () {
            //     JS    id test   p
            var p = document.getElementById('test');
            //    p html     
        p.innerHTML ="<a href='#'> aasdfsdf</a>";
        //p.innerText = "";
            //    p         
            p.style.color = 'red';
           
        }
      
        $(document).ready(function () {
            /**
             *   jQuery    id test       jQuery  
             *       html()        
             *       css()          
             */
            var $p = $('#test');
            $p.html("P2：  ！  ！        ").css('color','#900');
            //$p.html('P2：  ！  ！        ').css('color', 'red');//jQuery    
            //$p.append("<a href='#'>a  </a>").children().html("    ").css({'color':'red','font-size':20});
        });
        
        /*     JavaScript  DOM jQuyer  DOM   ，      ：
              jQuery        ，        。  DOM      ，            DOM。
              jQuery  DOM   ，                ，            DOM   
                ，                 ，    jQuery   API    ，        。*/
        //  <p id="test"></p>
        //          id test p  ，               ：“  ！        ”，
        //           。