`

常用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;	
		});

 

分享到:
评论

相关推荐

    常用jquery方法大全

    NULL 博文链接:https://newleague.iteye.com/blog/774908

    常用的几个jquery版本文件

    本资源包含了一些常用的jQuery版本文件,这些文件可以帮助开发者在不同项目需求下选择最适合的jQuery版本。 1. jQuery的核心概念: jQuery的核心理念是"Write Less, Do More",它通过简洁的API提供了丰富的功能。...

    常用jquery插件大全

    常用的jquery插件大全 jquery-json.js jquery-validate.js jquery.js, jquery.form.js, jquery.jscrollpane.css jquery.mousewheel.js 等等

    jQuery 常用方法

    7. **链式操作(Chaining)**:jQuery方法返回的是jQuery对象,使得可以连续调用多个方法,如`$("#element").addClass("active").css("color", "red");`. 8. **尺寸和位置(Dimensions and Position)**: - `...

    jquery中ajax常用的方法,jQuery ajax框架常用方法总结.docx

    jQuery 中 AJAX 常用的方法总结 jQuery 是一个功能强大且流行的 JavaScript 库,它提供了许多有用的方法来处理 AJAX 请求。AJAX(Asynchronous JavaScript and XML)是一种创建交互式网页的技术,它允许网页从...

    jquery 常用方法

    **jQuery 是一个广泛使用的 JavaScript 库,它极大地...学习和掌握jQuery的常用方法,将极大地提高前端开发效率和代码质量。在实际工作中,查阅jQuery官方文档和在线教程,结合项目实践,可以进一步提升jQuery技能。

    JQuery常用方法

    ### JQuery 常用方法详解 #### 一、JQuery简介及使用 1. **下载地址**:JQuery官网提供最新版本的下载链接,地址为http://jquery.com/。通常,JQuery会提供两种版本供用户下载:压缩版与未压缩版。其中,压缩版...

    常用jquery 特效汇总

    本资源“常用jQuery特效汇总”包含了多种常见的jQuery特效,旨在帮助开发者快速构建具有动态效果的网页。 1. **选择器**:jQuery的选择器功能强大,能够方便地选取DOM元素。例如,`$("#id")`选取ID为指定值的元素,...

    jquery常用方法总结

    ### jQuery 常用方法总结 #### 一、页面元素的引用 在使用 jQuery 进行页面元素操作时,我们通常会使用 `$()` 函数来选取元素。这其中包括通过 `id`、`class`、元素名称以及元素之间的层级关系等方式进行选择。...

    常用jQuery代码 jQuery 插件 jQuery菜单 jQuery焦点轮播 jQuery弹层代码 焦点轮播 tab标签切换代码 jQ图片浏览

    常用jQuery代码 jQuery 插件 jQuery菜单 jQuery焦点轮播 jQuery弹层代码 焦点轮播 tab标签切换代码 jQ图片浏览 说明:压缩包分为jQuery code 1,2,3三卷。 本压缩包为卷jQuery code 2

    jquery UI demo 网站常用jquery效果 jquery控件 实用!

    网站常用jquery效果 jquery控件 包括 日历控件、tab控件、进度调、对话框、窗口弹出等效果 /jquery-ui-1.8.4.custom/development-bundle/demos/index.html 从这里进入

    jQuery 常用版本大全

    本资源集合了jQuery的常用版本,帮助开发者在不同项目需求中找到合适的版本。 首先,我们要理解jQuery的核心概念。jQuery通过一种简化的语法,使得操作DOM(Document Object Model)变得简单。例如,通过`$()`选择...

    jQuery常用代码片段

    通过`$.fn.extend()`,开发者可以创建自定义的jQuery方法,比如`$.fn.myPlugin()`。 在提供的文件`function.js`和`common.js`中,可能包含了作者整理的一些实用的jQuery函数或通用脚本。这些文件可能涵盖上述提到的...

    jQuery常用功能大全

    ### jQuery常用功能详解 #### 一、页面元素的引用 在使用jQuery时,最基础的操作之一就是选择页面上的元素。这通常通过`$()`符号来完成。jQuery的强大之处在于它支持多种选择器语法,比如: - **ID选择器**:通过...

    Jquery演示 jquerydemo jquery常用

    jQuery的动画功能强大,`fadeIn()`, `fadeOut()`, `slideToggle()`, `animate()`等方法能实现平滑过渡和自定义动画。`$(element).animate({params}, duration, easing, callback)`允许你控制速度曲线(easing)和回...

    jquery 常用方法精讲

    在深入探讨jQuery的常用方法之前,我们先简要回顾一下jQuery是什么。jQuery是一个快速、简洁的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及与服务器交互等任务。通过一个文档对象模型(Document ...

    jquery常用插件包

    这个“jquery常用插件包”包含了几个重要的jQuery插件的源代码,包括dialog对话框插件、menu菜单插件以及tabs选项卡插件,这些都是网页交互设计中常用的组件。 首先,让我们详细探讨一下jQuery库的基础知识。jQuery...

    网络收集100个常用jQuery特效

    在【标题】"网络收集100个常用jQuery特效"中,我们可以理解为这个压缩包包含了100个实用且流行的jQuery效果和插件。这些特效可能涵盖了网页中的各种互动元素,如导航菜单、滑动面板、图片轮播、弹出对话框、表单验证...

    Jquery常用的方法汇总

    jQuery,作为一个广泛使用的...了解和熟练掌握这些jQuery方法,能够极大地提高开发效率,简化前端代码,使项目更易于维护。无论是在页面初始化、动态内容更新,还是复杂的用户交互中,jQuery都是一个强大而灵活的工具。

Global site tag (gtag.js) - Google Analytics