前端 总结 160524

Posted 2020-07-11

1. 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‘]");

本文出自 “江南矿工技术空间” 博客，请务必保留此出处http://jncumter.blog.51cto.com/812546/1782528