jquery 点滴总结

来源：互联网发布：宏观经济数据公布时间编辑：程序博客网时间：2024/05/18 01:59

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

本文内容

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

jQuery 与 prototype 共存

方法一：

<html>  
 <head>  
   <script src="prototype.js"></script>  
   <script src="jquery.js"></script>  
   <script>  
     jQuery.noConflict();   
        
     // Use jQuery via jQuery(...)   
     jQuery(document).ready(function(){   
       jQuery("div").hide();   
     });   
        
     // Use Prototype with $(...), etc.   
     $('someid').style.display = 'none';   
   </script>  
 </head>  
 <body></body>  
 </html>

方法二：

<html>  
 <head>  
   <script src="prototype.js"></script>  
   <script src="jquery.js"></script>  
   <script>  
     var $j = jQuery.noConflict();   
        
     // Use jQuery via $j(...)   
     $j(document).ready(function(){   
       $j("div").hide();   
     });   
        
     // Use Prototype with $(...), etc.   
     $('someid').style.display = 'none';   
   </script>  
 </head>  
 <body></body>  
 </html>

方法三：

<html>  
 <head>  
   <script src="prototype.js"></script>  
   <script src="jquery.js"></script>  
   <script>  
     jQuery.noConflict();   
        
     // Put all your code in your document ready area   
     jQuery(document).ready(function($){   
       // Do jQuery stuff using $   
       $("div").hide();   
     });   
        
     // Use Prototype with $(...), etc.   
     $('someid').style.display = 'none';   
   </script>  
 </head>  
 <body></body>  
 </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)"; 
        }); 
    } 
});

jquery 点滴 总结

jquery 点滴总结