前端总结 160524

最新推荐文章于 2026-06-26 11:36:30 发布

转载最新推荐文章于 2026-06-26 11:36:30 发布 · 93 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://yq.aliyun.com/articles/434493

标签

#前端 #javascript #ViewUI

本文介绍了一系列关于jQuery和JavaScript的实用技巧，包括jQuery validate动态添加验证规则、数组操作（如截断、合并、从后向前取等）、字符串转换成数字、判断列表是否为空、获取radio选中值、判断函数是否存在等方法。

jQuery validate动态添加

 
    
         var 
         notnull = 
         "{'required':true,'maxlength':50}"
         ; 
        
 
         $(inputObj).addClass(
         "validError"
         ).attr(
         "validate"
         , notnull); 
        
 
         $(inputObj).attr(
         "class"
         , 
         ""
         ); 
        
 
         $(inputObj).removeAttr(
         "validate"
         ); 
        

  

2.数组操作

2.1数组截断

 
         var 
         array = [
         'a'
         ,
         'b'
         ,
         'c'
         ,
         'd'
         ]; 
        
         array.length = 3 
         //只输出a,b,c

2.2数组合并

 
    
              
         var 
         array1 = [
         'a'
         ,
         'b'
         ,
         'c'
         ,
         'd'
         ]; 
        
 
               
         var 
         array2 = [
         'a'
         ,
         'b'
         ];  
        
 
               
         var 
         array3 = array1.concat(array2)
         //array1和array2规模不大 
        
 
                
        
 
                   
         var 
         array1 = [
         'a'
         ,
         'b'
         ,
         'c'
         ,
         'd'
         ]; 
        
 
               
         var 
         array2 = [
         'a'
         ,
         'b'
         ];  
        
 
               
         array1.push().apply(array1,array2)
         //规模大 
        

  

2.3数组从后向前取

 
         var 
         array1 = [
         'a'
         ,
         'b'
         ,
         'c'
         ,
         'd'
         ]; 
        
         var 
         array2 = [
         'a'
         ,
         'b'
         ];  
        
         array1.slice(1,2)
         //b 
        
         array1.slice(-1)
         //d

2.4数组字符串或正规表达式替换

 
    
         var 
         string = 
         'john john' 
        
 
         $(
         "#div1"
         ).html(string.replace(/hn/, 
         "ana"
         ))
         //只替换第一个hn 
        
 
         $(
         "#div1"
         ).html(string.replace(/hn/g, 
         "ana"
         ))
         //替换所有hn 
        

  

2.5NodeList转换成数组

 
         var 
         elements = $(
         'p'
         ); 
        
         var 
         ArrayAle = Array.from(elements)

2.6字符串转换成数字

 
         var 
         elements = 
         'a'
         ; 
        
         $(
         "#div1"
         ).html(+elements)

3判断列表是否为空

 
         var 
         $fj = $(
         '#fj'
         ); 
        
         if
         ($fj){ 
        
         var 
         tr = $(
         '#fj tr'
         ); 
        
         if
         (!tr || tr.length == 0){ 
        
         $.oaAlert({ 
        
         type : 0, 
        
         tipMsg : 
         '请上传测试标准!' 
        
         }); 
        
         return 
         false 
        
         } 
        
         }
         else 
         { 
        
         $.oaAlert({ 
        
         type : 0, 
        
         tipMsg : 
         '请上传测试标准!' 
        
         }); 
        
         return 
         false 
        
         } 
        
         }

4 取radio选中值

 
         function 
         chickRadios(name){ 
        
         var 
         radios = document.getElementsByName(name); 
        
         if
         (!radios)  
        
         return 
         ''
         ; 
        
         for 
         (
         var 
         i = 0; i < radios.length; i++)  
        
         { 
        
         if 
         (radios[i].checked)  
        
         return 
         radios[i].value; 
        
         } 
        
         return 
         ''
         ; 
        
         }

5.判断函数是否存在

 
         /** 判断是否是函数功能 */
        
         function 
         isExitsFunction(funcName) { 
        
         var 
         booleanflag = 0; 
         // not function 
        
         try 
         { 
        
         if 
         (eval(funcName + 
         "()"
         )) { 
        
         booleanflag = 1; 
         // function isExit and return true 
        
         return 
         booleanflag; 
        
         } 
         else 
         { 
        
         booleanflag = 2 
         // function isExit and return false 
        
         return 
         booleanflag; 
        
         } 
        
         } 
         catch 
         (e) { 
        
         log(e); 
        
         } 
        
         return 
         booleanflag; 
        
         }

6.javascript的try catch;

7.判断浏览器的方法

navigator.userAgent、$.browser、$.support（JQuery 1.9）

8.select的onchange(),onclick()，.change(function{}),

9.获取select,

 
         $(
         '$sel'
         ); 
        
         $(
         "select[name='name1']"
         );

本文转自 gaochaojs 51CTO博客，原文链接：http://blog.51cto.com/jncumter/1782528，如需转载请自行联系原作者

前端 总结 160524

前端总结 160524