当前位置: 代码迷 >> Web前端 >> 惯用jquery方法
  详细解决方案

惯用jquery方法

热度:206   发布时间:2012-11-22 00:16:41.0
常用jquery方法
/**********************************************************************双击表格单元格 变 输入框**/
	 	$("#table td").css("height","20px");
	 	$("#table").find("td").bind("dblclick",function(){
	 		var input ="<input type='text' id='temp' value="+$(this).text()+" >";
	 		$(this).text("");
	 		$(this).append(input);
	 		$("input#temp").focus();
	 		$("input").blur(function(){
	 			if($(this).val()==""){
	 				$(this).remove();
	 			}else{
	 				$(this).closest("td").text($(this).val());
	 			}
	 		});


/******************************************************************ajax提交数据**/
		$("#submit").click(function(){
			$.ajax({
				type:"POST",
				url:"../../www.baidu.com",
				data:"name=zhang&password=tong",
				success:function(msg){
					alert(msg);
				}
			});
		});


/***********************************************************************getJSON**/
		$("#getjson").click(function(){
			$.getJSON("<%=request.getContextPath()%>/jquery/ajaxTest_getJSON.action",function(data){
					$.each(data, function(i,item){
						alert(i);
						$("#jquerydiv").append("<p> 姓名:"+item.name+" 密码:"+item.password+"</p>");
  					});
			});
		});


/*********************************************************************添加验证**/
		//添加验证
		function addValidata(){
			var boolValidata = true;
			var name = $("#name");
			var password = $("#password");
			if($.trim(name.val()) ==""){
				name.focus();
				name.attr("title","用户名不能为空!");
				boolValidata = false;
			}else if($.trim(password.val())==""){
				password.focus();
				password.attr("title","密码不能为空!");
				boolValidata = false;
			}else{
				//
			}
			return boolValidata;
		}

/****************************************************************jquery.from提交***/
		//from 提交
		$("#btsubmit").click(function(){
			 if(addValidata()){
			 //jquery from 
				var option = {
					url : "<%=request.getContextPath()%>/jquery/ajaxTest_getJSON.action",
					success : function(msg) {
						
			  	 	}
			 	};
			$("#ajaxfrom").ajaxSubmit(option);//不行,加return false;
			 }
				return fasle;	
		});

?

  相关解决方案