jquery 포인트 요약

거인의 어깨 위에 서다
본문 내용
  • jQuery와prototype이 공존
  • jQuery에서 eq와 get의 차이
  • jQuery load() 방법 특수 사용법!
  • IE6에서 PNG 투명 베이스를 해결하는 방법


  • jQuery와prototype 공존
     
    방법1:
    
       
       
       
       
    1. <html>  
    2.  <head>  
    3.    <script src="prototype.js"></script>  
    4.    <script src="jquery.js"></script>  
    5.    <script>  
    6.      jQuery.noConflict();   
    7.         
    8.      // Use jQuery via jQuery(...)   
    9.      jQuery(document).ready(function(){   
    10.        jQuery("div").hide();   
    11.      });   
    12.         
    13.      // Use Prototype with $(...), etc.   
    14.      $('someid').style.display = 'none';   
    15.    </script>  
    16.  </head>  
    17.  <body></body>  
    18.  </html>


    방법2:
    
       
       
       
       
    1. <html>  
    2.  <head>  
    3.    <script src="prototype.js"></script>  
    4.    <script src="jquery.js"></script>  
    5.    <script>  
    6.      var $j = jQuery.noConflict();   
    7.         
    8.      // Use jQuery via $j(...)   
    9.      $j(document).ready(function(){   
    10.        $j("div").hide();   
    11.      });   
    12.         
    13.      // Use Prototype with $(...), etc.   
    14.      $('someid').style.display = 'none';   
    15.    </script>  
    16.  </head>  
    17.  <body></body>  
    18.  </html>

     

    방법 3:
    
      
      
      
      
    1.  
      1. <html>  
      2.  <head>  
      3.    <script src="prototype.js"></script>  
      4.    <script src="jquery.js"></script>  
      5.    <script>  
      6.      jQuery.noConflict();   
      7.         
      8.      // Put all your code in your document ready area   
      9.      jQuery(document).ready(function($){   
      10.        // Do jQuery stuff using $   
      11.        $("div").hide();   
      12.      });   
      13.         
      14.      // Use Prototype with $(...), etc.   
      15.      $('someid').style.display = 'none';   
      16.    </script>  
      17.  </head>  
      18.  <body></body>  
      19.  </html>  



    jQuery에서 eq와 get의 차이
    eq는 jquery 대상이고 get은 html 대상 그룹을 되돌려줍니다.예를 들면 다음과 같습니다.
    <p style="color:yellow">  </p>

    eq를 사용하여 첫 번째 p 태그의 color 값을 얻습니다.
    $("p").eq(0).css("color")  //  eq(num)     jq  ,     jq   css

    get을 사용하여 첫 번째 p 탭의 color 값을 얻습니다:
    $("p").get(0).style.color  //  get(num)     html  ,        HTML    ,jq        。

    물론 get(num) 후 대상을 jq의 대상으로 바꾸어 조작할 수도 있습니다.
    $($("p").get(0)).css("color")

    이로써 eq와 get의 차이를 논술하였으며, 틀린 것이 있으면 지적해 주십시오
    jQuery load() 메소드 특수 사용법!
     
    jQuery 원본을 보다가 발견한 것을 꺼내서 여러분과 공유합니다.load의 URL에 빈칸을 넣으면 선택기를 따라갈 수 있습니다.
    예:load test가 필요합니다.html의 내용, 그리고 id가 a인 내용만 찾으면 됩니다.
    $("body").load("test.html #a");
    
    
    IE6   PNG      

    PNG 포맷은 반투명 효과로 만들 수 있어 GIF보다 좋지만 IE6에서는 투명 효과가 표현되지 않아 회색 색조를 보일 수 있다. 인터넷의 실현 방법을 참고하여 세그먼트 jQuery를 써서 이 작업을 완성하면 다음과 같은 코드를 JS에 저장하고 필요한 페이지에 사용하면 된다.
  • $(function() { 
  •     if($.browser.msie&&$.browser.version=="6.0") { 
  •         $("img[@src*=png]").each(function() { 
  •                var s=this.src; 
  •             this.src="space.gif"
  •             this.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+s+", sizingmethod=scale)"
  •         }); 
  •     } 
  • });
  • 좋은 웹페이지 즐겨찾기