热门关键字：
jquery > jquery教程 > 常用功能 > 漫画最新整理Jquery实用代码片段(24~25)

漫画最新整理Jquery实用代码片段(24~25)

2502
作者：管理员
发布时间：2012/8/4 16:00:15
评论数：0
转载请自觉注明原文：http://www.jq-school.com/Show.aspx?id=40

24、JQuery智能检测判断各种浏览器的类型及其版本信息，可以检测safari,chrome,firefox,ie等主流的浏览器的类型和版本。
  1. $(function() {   
  2.     if ($.browser.msie && ($.browser.version == "6.0")) {   
  3.         alert("<img src='browser/IE.png'>This is MS IE " + $.browser.version);   
  4.     } else if ($.browser.msie && ($.browser.version == "7.0")) {   
  5.         alert("<img src='browser/IE.png'>This is MS IE " + $.browser.version);   
  6.     } else if ($.browser.msie && ($.browser.version == "8.0")) {   
  7.         alert("This is MS IE " + $.browser.version);   
  8.     } else if ($.browser.msie && ($.browser.version == "9.0")) {   
  9.         $("#browser").html("This is MS IE " + $.browser.version);   
  10.     } else if ($.browser.safari) {   
  11.         $("#browser").html("<This is safari!");   
  12.     } else if ($.browser.webkit) {   
  13.         $("#browser").html("This is chrome!");   
  14.     } else if ($.browser.mozilla) {   
  15.         $("#browser").html("This is firefox!");   
  16.     } else if ($.browser.opera) {   
  17.         $("#browser").html("This is opera");   
  18.     } else {   
  19.         $("#browser").html("i don't konw!");   
  20.     }   
  21. })  
25、Jquery限制输入框内容长度，中文占2个字符长度
 
  1. $(function() {   
  2.     $("#txt").bind("keyup change",   
  3.     function() {   
  4.         var len = $(this).val();   
  5.         var total = 0;   
  6.         var han = 0;   
  7.         for (i = 0; i < len.length; i++) {   
  8.             if (len[i].match(/[^\x00-\xff]/ig) != null) {   
  9.                 han++;   
  10.             }   
  11.             total = len.length + han;   
  12.         }   
  13.         if (total <= 10) {   
  14.             $("#tip").html(total);   
  15.         } else {   
  16.             $("#tip").html("最多10个字符").css({   
  17.                 color: "#f40"  
  18.             });   
  19.         }   
  20.     })   
  21. })  
 
 
 
 




如果您觉得本文的内容对您的学习有所帮助：支付鼓励



关键字：漫画最新整理Jquery实用代码片段(24~25)
友荐云推荐