jquery 点滴 总结
站在巨人的肩膀上，来自博客
本文内容
- 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)";
- });
- }
- });