jQuery 학습노트 1초 체험

 // form    input                       map   
        $("p").append( $("input").map(function(){  return $(this).val(); }).get().join(", "));

        //    slice      p    form    input                       map   
        $("p").slice(0,1).append( $("input").map(function(){ return $(this).val();}).get().join(","));

       //         li           closest                    toggleClass     
        $(document).bind("click",function(e){ $(e.target).closest("li,div,p").toggleClass("highlight"); });

        //           
        $("p").contents().not("[nodeType=1]").wrap("<b/>");

        //$("p span")              ，        span  
        $("p").find("span").toggleClass("highlight") ;

        //    odd :               ，  0        even :          
        $("li:odd").toggleClass("highlight");

        //$("li").slice(0,1) $("li:first")   ；next          ，nextAll           
        //first           ; last            
        $("li:first").next().toggleClass("selected");

        //    h1,h2,h3   header  
        $(":header").css("background","#EEE");

        // parent                         ,parents                
        $("span").parent().toggleClass("selected");

        //:empty                   ; contains             ;last            
        $("td:empty:last").html( $("td:contains('aa')").text() );

        //:parent               ; :has                    ; :visible :hidden        
        $("td:parent:has(ol)").addClass("unselect");