jQuery 앵커 포인트 점프 스크롤 막대 부드럽게 스크롤 문장 코드

jQuery 앵커 포인트 점프 스크롤 막대 부드럽게 스크롤 문장 코드

   $("html,body").animate({scrollTop: $("#box").offset().top}, 1000); 
 

한 번은 jquery의 팁들입니다.
1. 컴파일 결과 제어

2.
1. jQuery가 제공하는 함수를 사용하려면 먼저 jQuery 패키지를 구성해야 한다.
Dom 요소를 jQuery 패키지 세트로 변환

 
  
var div = document.getElementById("testDiv"); //Dom   
  
var domToJQueryObject = $(div); //jQuery   
  
 
 

3. jQuery 패키지 모음에서 Dom 객체 전달

 
  
var domObject = $("#testDiv")[0]; //   DOM   
  
$("#testDiv").each(function() { $(this).html("    ") })//    jQuery      
  
 
 

4.

 
  
jQuery( callback ) 
  
Returns: jQuery 
  
 
 

$(document).ready () 의 약자 방식
--------------------------------------------------------------------------------
제로에서 jQuery(셋째) 관리 jQuery 패키지 모음 배우기

 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  <br>$( 
  <br>function(){ 
  <br>$("#btnShow").bind("click", function(event) { $(".filter").show();} ) ; 
  <br>$("#btnHide").bind("click", function(event) { $(".filter").hide(500);} ) ; 
  <br>} 
  <br>); 
  <br>// $("#btnChange").bind("click", function(event) { $("#divMsg").html("Hello World, too!"); }); 
  <br> 
  
 
  <br>//$("<div/>").css("border","solid 1px #FF0000").html("     div").appendTo(testDiv); //ok 
  <br>//$("<div style=\"border:solid 1px #FF0000\">     div</div>") //not done 
  <br>$( 
  <br>function() 
  <br>{ 
  <br>// alert("loaded!"); //         
  <br>} 
  <br>); 
  <br>// alert("LODING。。。");//       
  <br> 
  
 
  
 
  <br>//   
  <br> 
  
 
  



 
  
 
  <br>function first(){//first 
  <br>var an_element=$("div").eq(0); 
  <br>//       Div     div          an_element           
  <br>alert(an_element.html());//   
  <br>} 
  <br>function second(){ 
  <br>var second_e= $("div").filter(".test2");//           
  <br>/*======================                      this==========================*/ 
  <br>// second_e.each( 
  <br>// function(){ 
  <br>//this.html("   ！") 
  <br>// } 
  <br>// ); 
  <br>/*================================================*/ 
  <br>alert(second_e.html());//                  div     
  <br>alert(second_e.eq(1).html());//      
  <br>} 
  <br>//================================================================================= 
  <br> 
  
 
  
      :     
  





 
  
 
  
 
  
eq( index )    N    
  
 
  
 
  
          : 
  
$("p").eq(1) 
  
 
  
 
  
 
  
 
  
 
  
 
  
                 。   div
 
  
  2     :    
 
  
 filter( expr )  
  
 
  
     test2    :         test2 class  
  
$("X").filter(".test2")  2 div 
  
 
  
 
  
 
  
 
  
 
  <br>function third(){ 
  <br>//alert("a"); 
  <br>var test3= $("p").filter( //   
  <br>function(index){//   
  <br>// alert(index); 
  <br>//alert($("ol",this).html()); 
  <br>// alert( "index: "+index+$(this).html());// this                     P         
  <br>//    <p> <ol><li>   ol </li></ol> </p>  P         ？ 
  <br>//     <p> p     <ol><li>   ol </li></ol> </p> $(this).html()= p      
  <br>alert( "  "+index+"   p=> "+$(this).html()+" ol=> "+ $("ol",this).html() ); 
  <br>//               * jQuery JavaScript Library v1.3.2-vs 
  <br>//         
  <br>return $("ol",this).length==0;//1      2    false         
  <br>} 
  <br>); 
  <br>alert(test3.html()); 
  <br>} 
  <br> 
  
filter( fn ): 
  
                   
  
                 (   '$.each').          false        ，      。 
  
 p   html 
ol html
 li 
2  
  
How are you?      
 
  
 
  
 
  
 
  <br>