项目上需要一个文件重命名功能，就像百度网盘的文件重命名一样，只选中文件名不选中后缀:
这样子：

代码如下：

1、需要对IE6支持的话，只能使用jQuery UI 1.9.2，目前官网定制页只有1.9.2会支持IE6，

jQuery UI Upgrade Guide（升级指南）中指出

jQuery UI 1.10 Upgrade Guide

Removed support for IE6

IE6 usage has dropped to a low enough point that jQuery UI no longer finds it necessary to support. As of 1.10.0, some portions of jQuery UI may not work properly in IE6. If you need to continue to support IE6, use the latest jQuery UI 1.9 release.
jQuery UI 1.11 Upgrade Guide

Discontinued IE7 Support

As of this release we are no longer accepting bug reports for IE7 issues. We have also removed IE7 from our testing infrastructure. The IE7 workarounds are still present in the code, but we will remove them for jQuery UI 1.12.

2、部分组件只在服务端生效，目前用过的服务端生效的有：resizable、slider、

由于项目需求，写到某个插件的时候，需要阻止backspace等浏览器默认事件，但是用e.preventDefault()无论如何都搞不定，火狐和谷歌在input或textarea失焦之后，按backspace都执行了后退(上一页)，网上查了资料，也问了不少人，最终原生js解决，以此为记：

在调用之前，引入如下4行代码即可

new_element=document.createElement("script");   
new_element.setAttribute("type","text/javascript");   
new_element.setAttribute("src","b.js");  
document.body.appendChild(new_element);  

分析：利用document.createElement(“script”)生成了一个script的标签，设置其type属性为text/javascript，src为a.js(这里的a.js同b.js放在同一个目录，也可放在不同的目录)。最后将这个标签动态地加入body中。如此一来，我们就可以调用到不同js文件中的方法了

在IE中使用CSS3的旋转效果是不能实现的，，但是我又想把IE旋转效果跟其他浏览使用CSS3 rotate(deg)一样。在百度找了一下，发现IE里面有一款滤镜，可以实现旋转角度。

代码如下：

filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.70710678, M12=-0.70710678, M21=0.70710678, M22=0.70710678);  

Prism 是一个轻量级，可扩展的语法着色工具，符合 Web 标准。它压缩后只有 2KB，每种语言定义约增加300-500自己大小。非常易于使用，只需要插入一个 CSS 和 JS 文件即可。支持多种着色主题。

支持各种编程语言和插件：

不同浏览器里的兼容，实在有种蛋蛋的忧伤， 摆出所有hack，哪个浏览器不行就加哪个。通用就可以兼容各种浏览器

模块透明度

opacity:0.5;//所有浏览器  
_filter:alpha(opacity=50);//IE6  
\*opacity:0.5;//IE6&7(\*包括6和7)  
+opacity:0.5;//IE7独有  
-ms-filter:alpha(opacity=50);//-ms- IE8独有的hack  
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";//上一句完整的写法  
opacity:0.5\\9;  //IE6-10   
opacity:0.5\\0; //IE8-10+最新版opera   
-moz-opacity:0.5;//火狐  
-webkit-opacity:0.5; //谷歌+safari  
-o-opacity:0.5;//欧鹏(opera)  

IE6+、FF、google全兼容

opacity:0.5;  
filter:alpha(opacity=50);  
-ms-filter:alpha(opacity=50); 

现在，不少网站需要用到灰色效果，比如企业站的”友情链接”、”部分案例”、网站底部logo等…
切图是比较简单，保存一张图片就好了。但是…图片要加载、增加了图片数量、更换不方便等等等等…
站在效率的角度来讲，用简单的代码来实现，显然更胜一筹…