26个Jquery使用小技巧(jQuery tips, tricks solutions).docxVIP

26 个 Jquery 使用小技巧(jQuery tips, tricks solutions) 前段时间发布了 Jquery 类库 1.4 版本，使用者也越来越多，为了方便大家对 Jquery 的使用， 下面列出了一些 Jquery 使用技巧。比如有禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X 值Y 值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于 Jquery 集合中、使 DIV 可点击、克隆对象、使元素居中、计算元素个数、使用 Google 主机上的 Jquery 类库、禁用 Jquery 效果、解决 Jquery 类库与其他 Javascript 类库冲突问题。 具体如下： 1. 禁止右键点击 view plaincopy to clipboardprint? $(document).ready(function(){ $(document).bind(contextmenu,function(e){ return false; 4. }); 5. }); 2. 隐藏搜索文本框文字 view plaincopy to clipboardprint? $(document).ready(function() { $(input.text1).val(Enter your search text here); textFill($(input.text1)); 4. }); 5. function textFill(input){ //input focus text function var originalvalue = input.val(); input.focus( function(){ if( $.trim(input.val()) == originalvalue ){ input.val(); } 10. }); input.blur( function(){ if( $.trim(input.val()) == ){ input.val(originalvalue); } 13. }); 14. } 3. 在新窗口中打开链接 view plaincopy to clipboardprint? $(document).ready(function() { //Example 1: Every link will open in a new window $(a[href^=http://]).attr(target, _blank); 4. //Example 2: Links with the rel=external attribute will only open in a new window $(a[@rel$=external]).click(function(){ this.target = _blank; 8. }); 9. }); // how to use A href= rel=externalopen link/A 4. 检测浏览器 注: 在版本 jQuery 1.4 中，$.support 替换掉了$.browser 变量。 view plaincopy to clipboardprint? $(document).ready(function() { // Target Firefox 2 and above if ($.browser.mozilla $.browser.version = 1.8 ){ // do something 5. } 6. // Target Safari if( $.browser.safari ){ // do something 10. } 11. // Target Chrome if( $.browser.chrome){ // do something 15. } 16. // Target Camino if( $.browser.camino){ // do something 20. } 21. // Target Opera if( $.browser.opera){ // do something 25. } 26. // Target IE6 and below if ($.browser.msie $.browser.version = 6 ){ // do something 30. } 31. // Target anything above IE6 if ($.browser.msie $.browser.version 6){ // do something 35. } 36. });