前端总结20160511

1.href

href='javascript;'//在ie9环境下会报错；

href='#'指父页面不做操作，回页面顶端

    

2.table取tr

$('# tableId>tbody tr') 取所有行

3.   ajax async参数

async=false表示同步，当ajax未返回时，不继续执行下面的语句；async默认为true;

$.oaPlugin.ajaxJson({
					async:false,
					data : {
						staffinfoVo : {
							staffName : staffOpts[i].value
						}
					},
					url : '../dependence/queryUserByGhAndXm.action',
					success : function(result) {

						var list = result.userList
						if(list.length == 1){
							
							userCode = list[0].userCode;
						}
					}
				});

  4.jquery each的用法

$(selector).each(function(index,element))

5.jquery table的各种操作

汇总常用的jQuery操作Table tr td方法

6.onchange

业务场景:销售订单信控解冻审批单计算 已超额度=本金-（全部-已用）；

$("[name='m:" + formDefineName + ":sxed']").change(function(){
   $("[name='m:" + formDefineName + ":ycje']").val($("[name='m:" + formDefineName + ":bdje']").val()-($("[name='m:" + formDefineName + ":sxed']").val()-$("[name='m:" + formDefineName + ":edqk']").val()))
});

7.判断函数是否存在

/** 判断是否是函数功能 */
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;
}

8.jquery radio、select用法

Jquery 获取 radio选中值

9.textarea限制长度：

function beforeSave(){
   var counttextarea=0;
   $("textarea").each(function(){
       counttextarea=counttextarea+ $(this).val().length
   
   })
	 
 if(counttextarea>3000){
     $.oaAlert({
	    				type : 0,//0标识需要提示疑问或者错误信息 1 提示正确信息
	    				tipMsg : '您输入的字符数已超出限制!'
	    			});
     return false;
     
     };
  return true;

} 

function beforeSend(){
   var counttextarea=0;
   $("textarea").each(function(){
       counttextarea=counttextarea+ $(this).val().length
   
   })
	 
 if(counttextarea>3000){
     $.oaAlert({
	    				type : 0,//0标识需要提示疑问或者错误信息 1 提示正确信息
	    				tipMsg : '您输入的字符数已超出限制!'
	    			});
     return false;
     
     };
  return true;

}

10.包含字符串

indexOf(a)//如果==0，代表以a开头，如果==-1，代表不包含；

11.选择器中包含空格或特殊字符

jQuery选择器特殊字符与属性空格问题。

jQuery中选择器的空格问题

jquery 如何引用id含空格的元素？

比如：<div id="ni hao">Hello word!</div> 怎么用jquery引用该div呢？ $("#ni hao").html();   这个方法好像不对。 回答：格式不对，id的属性和class的属性不一样，如果是class="ni hao"的话， 它的css为: .ni {height:50px;}.hao {height:100px;} 意思是后面的一个继承了前面一个，页面读取的就会是height:100px; 而id只能有一个属性名，中间带空格的意思就是两个单独的属性名称。 要不你就空格去掉或者id换成class。追问： 难道就不能增加什么转义符之类的方法？ 追答： 不能，$("#ni hao").html(); 这个不对$("#ni li").html();如果是<ul id="ni"><li></li></ul>这个样子可以读取到。你这个格式不正确。