jquery知识整理

1.在dom文档树加载完之后执行一个函数

方法一：
$(function(){

}) 

方法二：
$(document).ready(function(){

})

2.当server元素值发生改变时

$("#server").change(function(){
    			if (/[^\d]/.test($(this).val())){//检查是不是数字
    				$("#serverHint").css("color", "red").text("请输入数字");
    			}else{
    				$("#serverHint").text("");
    			}
    		});

3.当submit元素点击时，实现计时显示功能（从1秒开始计时）

$("#submit").click(function(){
    			var i = 1;
    			setInterval(function(){
    				$(".result").css("color", "red").text("正在发送..."+ i++ +"秒");
    			},1000);
    		});

4.检查单选框是否被选中

$("#times").change(function(){
    			if($("#number").is(":checked")){
    				if (/[^\d]/.test($(this).val())){
        				$("#timesHint").css("color", "red").text("请输入数字");
        			}else{
        				$("#timesHint").text("");
        			}
    			}	
        	});

5.表单提交前检查数据

$("#form").submit(function(e){
				if($("#url").val()==null || $("#url").val()==""){
					$(".result").text("请填写所有选项");
					//阻止表单提交
					e.preventDefault();
				}
    		});

6.增加元素属性

//增加元素“只读”属性
$("#times").val("无数").attr("readonly", true);//times的值会被传到后台
$("#times").val("无数").attr("disabled", true);//不会传到后台

7.页面跳转

$(location).attr('href', 'https://www.baidu.com');

8.ajax

前端：

$(function(){  
            $("#check").click(function(){  
            	$.ajax({
                	type:"POST",
    				url:"check.html",
    				data:{
    					sername:$("#username").val(),
    					password:$("#password").val()
    				},
    				success:function(data){
    					alert("success :"+data);
    				},
    				error:function(){
    					alert("error");
    				} 
            	})	
            });  
        });

服务端：

@RequestMapping("/check.html")  
    public void login(HttpServletRequest req, HttpServletResponse res) throws IOException{  
        String username = req.getParameter("username");  
        String password = req.getParameter("password");  
        System.out.println("username :"+username+", password :"+password);  
          
        JSONObject jo = new JSONObject();  
        jo.put("result", "login success");  
        res.setContentType("text/html; charset=UTF-8"); 
        res.getWriter().println(jo.toString());;  
    }