jquery 点滴 总结

 

站在巨人的肩膀上,来自博客


 本文内容

  •     jQuery 与 prototype 共存
  •     jQuery中eq和get的区别
  •     jQuery load()方法特殊用法!
  •     IE6下解决PNG透明底的方法

jQuery 与 prototype 共存


方法一:


   
   
   
   
  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>



方法二:


   
   
   
   
  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>



 

方法三:

  
  
  
  
    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,并在需要的页面调用即可:

  1. $(function() { 
  2.     if($.browser.msie&&$.browser.version=="6.0") { 
  3.         $("img[@src*=png]").each(function() { 
  4.                var s=this.src; 
  5.             this.src="space.gif"
  6.             this.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+s+", sizingmethod=scale)"
  7.         }); 
  8.     } 
  9. });



你可能感兴趣的:(html,jquery,function,IE,prototype,div)