JQuery日常笔记

╰+攻爆jí腚メ 2022-05-10 13:54 284阅读 0赞

## 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动态添加一行，删除一行 ##

<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() ###

$("\#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);
    	}
    }