前端总结20160511

1.href

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

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

    

2.table取tr

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

3.   ajax async参数

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

$.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

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

1 2 3

$( "[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.判断函数是否存在

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

/** 判断是否是函数功能 */ 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限制长度：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

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.包含字符串

1	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>这个样子可以读取到。你这个格式不正确。

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