前端程序员都会的20个 jQuery 小技巧

标签：oat   sub   最大   opera   使用   tar   btn   修改   disabled   1. 禁止右键点击 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });}); 2. 隐藏搜索文本框文字 Hide when clicked in the search field, the value.(example can be found below in the comment fields)$(document).ready(function() {$("input.text1").val("Enter your search text here"); textFill($(‘input.text1‘));}); function textFill(input){ //input focus text function var originalvalue = input.val(); input.focus( function(){ if( $.trim(input.val()) == originalvalue ){ input.val(‘‘); } }); input.blur( function(){ if( $.trim(input.val()) == ‘‘ ){ input.val(originalvalue); } });} 3. 在新窗口中打开链接 XHTML 1.0 Strict doesn’t allow this attribute in the code, so use this to keep the code valid.$(document).ready(function() { //Example 1: Every link will open in a new window $(‘a[href^="http://"]‘).attr("target", "_blank"); //Example 2: Links with the rel="external" attribute will only open in a new window $(‘a[@rel$=‘external‘]‘).click(function(){ this.target = "_blank"; });});// how to useopen link 4. 检测浏览器 注: 在版本jQuery 1.4中，$.support 替换掉了$.browser 变量 $(document).ready(function() {// Target Firefox 2 and aboveif ($.browser.mozilla && $.browser.version >= "1.8" ){ // do something}// Target Safariif( $.browser.safari ){ // do something}// Target Chromeif( $.browser.chrome){ // do something}// Target Caminoif( $.browser.camino){ // do something}// Target Operaif( $.browser.opera){ // do something}// Target IE6 and belowif ($.browser.msie && $.browser.version 6){ // do something}}); 5. 预加载图片 This piece of code will prevent the loading of all images, which can be useful if you have a site with lots of images. $(document).ready(function() {jQuery.preloadImages = function(){ for(var i = 0; i