jquery常用小功能总结.docVIP

  • 4
  • 0
  • 约7.3千字
  • 约 10页
  • 2017-02-08 发布于重庆
  • 举报
jquery常用小功能总结

1. 禁止右键点击 $(document).ready(function(){ $(document).bind(contextmenu,function(e){ return false; }); }); ?2. 隐藏搜索文本框文字 点击时隐藏搜索栏中的文字 $(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. 在新窗口中打开链接 页面中所有链接都在新窗口中打开 $(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 use A href= rel=externalopen link/A ?4. 检测浏览器 检测客户端使用的什么浏览器 $(document).ready(function() { // Target Firefox 2 and above if ($.browser.mozilla $.browser.version = 1.8 ){ // do something } // Target Safari if( $.browser.safari ){ // do something } // Target Chrome if( $.browser.chrome){ // do something } // Target Camino if( $.browser.camino){ // do something } // Target Opera if( $.browser.opera){ // do something } // Target IE6 and below if ($.browser.msie $.browser.version = 6 ){ // do something } // Target anything above IE6 if ($.browser.msie $.browser.version 6){ // do something } }); ?5. 预加载图片 预加载图片,适用网站图片很多的网站 $(document).ready(function() { jQuery.preloadImages = function() { for(var i = 0; iARGUMENTS.LENGTH; jQuery(?img { i++)).attr(src, arguments[i]); } } // how to use $.preloadImages(image1.jpg); }); ?6. 页面样式切换 $(document).ready(function() { $(a.Styleswitcher).click(function() { //swicth the LINK REL attribute with the value in A REL attribute $(link[rel=stylesheet]).attr(href , $(this).attr(rel));

文档评论(0)

1亿VIP精品文档

相关文档