JQuery日常笔记

1、ajax提交

$('#fwlyForm').ajaxSubmit(function(data){

          if(data.state){

            alert(data.msg);

           

          }else{

            $.messager.alert('操作失败:',data.msg);

          }

      });

$("#mainForm").ajaxSubmit({
	type:"post",
	dataType:"json",
	url:"submitCommonPage.json",
	data : {'fromId' : $("#fromId").val(),"fromCode":$("#fromCode").val()},
	success: function(data){
		if(data.state){
			$.messager.alert('提示:',data.msg,'info',function(){
					var fromCode = $("#fromCode").val();
					var suburl='zbsxList.htm';
					window.location.href=suburl;
						});
		}else{
			$.messager.alert('操作失败:',data.msg);
		       }
	}
});

$("button").click(function(){
  $.post("demo_test_post.asp",
  {
    name:"Donald Duck",
    city:"Duckburg"
  },
  function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

 

2、input框只能输入数字（小数）校验

οnkeyup="this.value=this.value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')"  //小数

οnkeyup="this.value=this.value.replace(/[^\d]/g,'')"  //只能输入数字

 

3、用JQuery动态添加一行，删除一行

var xb_scsb = 0;
    function addRowScsb(){
    	 var trlen = $("#scsbT").find("tr").length-1;
         xb_scsb = trlen;
    	 var xh = xb_scsb+1;
    	var trstr = "<tr>"
    		+"<td>"+xh+"</td>"
    		+"<td><input type='text'  name='wxfwxsqScsbDetails["+xb_scsb+"].name' value='' style='width:90%'/></td>"
    		+"<td><input type='text'  name='wxfwxsqScsbDetails["+xb_scsb+"].type' value='' style='width:90%'/></td>"
    		+"<td><input type='text'  name='wxfwxsqScsbDetails["+xb_scsb+"].desingAbility' value='' style='width:90%' onkeyup='this.value=this.value.replace(/[^\\d{1,}\\.\\d{1,}|\\d{1,}]/g,\"\")'/></td>"
    		+"<td><input type='text'  name='wxfwxsqScsbDetails["+xb_scsb+"].practicalAbility' value='' style='width:90%' onkeyup='this.value=this.value.replace(/[^\\d{1,}\\.\\d{1,}|\\d{1,}]/g,\"\")'/></td>"
    		+"<td><input type='text'  name='wxfwxsqScsbDetails["+xb_scsb+"].amount' value='' style='width:90%' onkeyup='this.value=this.value.replace(/[^\\d{1,}\\.\\d{1,}|\\d{1,}]/g,\"\")'/></td>"
		+"<td><input type='text'  name='wxfwxsqScsbDetails["+xb_scsb+"].parameter' value='' style='width:90%'/></td>"
		+"</tr>";

    		$("#scsbT").append(trstr);
    		xb_scsb++;
    	}
    	
    	function delRowScsb()
    	{
    		var len = $("#scsbT").find("tr").length-1;
    		if(len>0)
    		{
    		//修改时，删除一行，则删除数据库对应的数据
	    	var id = $("#scsbT tr:last").children().children().val();
	    	$.post("delScsbDetail.json",{id:id},function(data,status){
	    		});
    		}
    		xb_scsb--;
    		$("#scsbT tr:last").remove();
    		}
    		
    	}

<c:if test="${null!=gjssList&&fn:length(gjssList)>0 }">
	<c:forEach items="${gjssList }" var="gjssPo" varStatus="st">
	    <tr>
		<td>${st.index+1 }<input type="hidden"  name="wxfwxsqGjssDetails[${st.index }].id" value="${gjssPo.id }"/></td>
		<td><input type="text"  name="wxfwxsqGjssDetails[${st.index }].name" value="${gjssPo.name }"  style="width:90%"/></td>
		<td><input type="text"  name="wxfwxsqGjssDetails[${st.index }].type" value="${gjssPo.type }"  style="width:90%"/></td>
		<td><input type="text"  name="wxfwxsqGjssDetails[${st.index }].desingAbility" value="${gjssPo.desingAbility }"  style="width:90%" onkeyup="this.value=this.value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')"/></td>
		<td><input type="text"  name="wxfwxsqGjssDetails[${st.index }].practicalAbility" value="${gjssPo.practicalAbility }"  style="width:90%" onkeyup="this.value=this.value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')"/></td>
		<td><input type="text"  name="wxfwxsqGjssDetails[${st.index }].amount" value="${gjssPo.amount }"  style="width:90%" onkeyup="this.value=this.value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')"/></td>
		<td><input type="text"  name="wxfwxsqGjssDetails[${st.index }].parameter" value="${gjssPo.parameter }"  style="width:90%"/></td>
	    </tr>
      </c:forEach>
</c:if>

4、遍历

$.each(list,function(j,item){   }); //list 要遍历的list ，j,当前位置，item，当前元素

$("input:hidden").each(function(i,val){  //第一个参数表示索引下标，第二个参数表示当前索引元素    
});

 5、获得字符串的长度

function getStrLen(str){
    return str.replace(/[^\x00-\xff]/g,"01").length;
}

6、显示和隐藏  hide() show()

<input id="aa" name="" type="hidden" />

$("#aa").show();

此方法不管用，aa不会显示。可以通过prop()改变type属性来解决。

提示：

1.input标签有type="hidden"属性 对hide()和show()方法不管用，但是可以通过prop改变属性type为text来解决；

2.但是div有hidden = "hidden"和style="display:none;"属性且对hide()和show()方法可用

3.然而input标签的hidden = "hidden"和style="display:none;"对hide()和show()方法可用。

 

7、动态删除一个tr后，重新给序号赋值

function delWorkPlaceTR(obj){
	$(obj).parent().parent().remove();
	var workplacerows = $("#workplaceT tr").length;
	for(var i=1;i<workplacerows;i++){
		$('#workplaceT tr:eq('+i+') td:first').text(i);
	}
}