最近在寻找图片切换效果，在网上找到了个不错的jquery版的图片切换效果，支持多种样式，纯js实现，视觉上绝对不逊色于FLASH。废话不多说看下效果图

兼容性：完美兼容Firefox 3.5.5 for win ,IE6,IE7,IE8，其他浏览器未测试

独立预览地址：http://liupeng.us/demo/jQuery/ImageSwitch/

示例代码：ImageSwitch_jQuery.rar

项目碰到一个问题，问题大概是这样的：

<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
    <tr class="line1" filetype="a"> 
      <td></td> 
    </tr> 
     <tr class="line2" filetype="b"> 
      <td></td> 
    </tr> 
  </table> 

需要对上面table的每个tr（N行）绑定事件，对filetype="a"和filetype="b"的绑定不同的的右键菜单。右键菜单是通过jQuery插件contextmenu实现的。

想绑定事件，自己只能想到2种方案：

• 第一：使用jquery的选择符分别筛选出filetype为a和b的。
• 第二：使用普通的dom对象，通过getAttribute实现。

第一种方法尝试了，发现jQuery不支持自定义选择符，也就是类似 $("input[name='newsletter']")的标签。可能也有，但是由于项目紧没有去尝试。

第二中方法，使用普通的DOM对象来获取不同的filetype，然后给tr做绑定，但是问题来了，jQuery的插件只支持jQuery对象。上网搜索了下发现原来DOM对象转换成jQuery对象非常简单，只要在DOM对象外面加入符号"$"就可以了。比如

//普通的DOM对象 
var otrs = document.getElementById("filelist").getElementsByTagName("tr"); 
 
//jQuery对象 
jotrs = $(otrs); 

经常会碰到jQuery与原生的JS混写的时候，也不知道这样的效率如何，转换成jQuery对象的时候，会带来多大的性能损耗。

另外jQuery对象转换成DOM对象稍微要复杂一点，由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。

$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5] 

这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。
以下几种写法都是正确的：

$("#msg").html(); 
$("#msg")[0].innerHTML; 
$("#msg").eq(0)[0].innerHTML; 
$("#msg").get(0).innerHTML;