假如现在有这样一个表单，是添加元素用的。我们不想使用表单submit的方式添加这个元素，我们就想使用ajax提交。 以前我们是这样实现的：function addUser(){var user = {uname:$("#uname").val(),mobileIpt:$("#mobileIpt").val(),birthday:$("#birthday").val()};$.ajax({url:'UserAdd.action',data:user,type:'post',dataType:'text',success:function(msg){if(msg=='1'){console.log('添加成功');}else{console.log('添加失败')...
本文实例讲述了jQuery解析Json的方法。分享给大家供大家参考，具体如下：前言在WEB数据传输过程中，json是以文本，即字符串的轻量级形式传递的，而客户端一般用JS操作的是接收到的JSON对象，所以，JSON对象和JSON字符串之间的相互转换、JSON数据的解析是关键。先明确2个概念例如：JSON字符串: 代码如下:var str1 = { "name": "deyuyi", "sex": "man" };JSON对象: 代码如下:var str2 = { "name": "deluyi", "sex": "man" };可以简单...
本文实例讲述了jQuery插件formValidator自定义函数扩展功能的方法。分享给大家供大家参考，具体如下： jQuery formValidator表单验证插件是什么?感兴趣的读者可参考《jQuery formValidator表单验证插件》以及本站其他相关文档 此处省略若干文字。 实际项目中的表单应用是多种多样的，随之而来的验证也是多变的，但Jquery formValidator为我们提供了自定义函数接口，个人认为是其最主要的强大之处。废话不多说，直接实例。 例一：座...
本文实例讲述了jQuery学习笔记之Ajax用法。分享给大家供大家参考，具体如下： 一、Ajax请求 1、jQuery.ajax(options) 通过 HTTP 请求加载远程数据。jQuery 底层 AJAX 实现。简单易用的高层实现见 .get,.post 等。 .ajax()返回其创建的XMLHttpRequest对象。大多数情况下你无需直接操作该对象，但特殊情况下可用于手动终止请求。.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。详细参数选项见下。 注意： 如...
本文实例分析了jQuery遮罩层实现方法。分享给大家供大家参考，具体如下： 1 背景半透明遮罩层样式 需要一个黑色（当然也可以其他）背景，且须设置为绝对定位，以下是项目中用到的css样式：/* 半透明的遮罩层 */ #overlay {background: #000;filter: alpha(opacity=50); /* IE的透明度 */opacity: 0.5; /* 透明度 */display: none;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 100; /* 此处的图层要大...
本文实例讲述了jquery+ajax实现注册实时验证。分享给大家供大家参考，具体如下： 当我们注册一个用户时，会实时提示该用户的信息是否可用，这就是ajax的应用，很久以前就看过这个实现了，今天又看了一遍，给记录下来O(∩_∩)O哈！ 先介绍下ajax中$.get,由于$.post用法和$.get大同小异就不再介绍了： 这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。代码如下...
本文实例讲述了jQuery自定义动画函数完整实现技巧。分享给大家供大家参考，具体如下： 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-zdy-dh-move-style-demo/ 具体代码如下：自定义动画DEMOvar Tween = {Linear:function (start,alter,curTime,dur) {return start+curTime/dur*alter;},//最简单的线性变化,即匀速运动Quad:{//二次方缓动easeIn:function (start,alter,curTime,dur) {return start+Ma...
本文实例讲述了jQuery使用$.ajax进行即时验证的方法。分享给大家供大家参考，具体如下： 这里实现使用jQuery和一般处理程序即时验证用户录入的学号是否重复，当光标离开输入框即给出提示。.clsShow{font-size: 13px;border: solid 1px #cc3300;padding: 2px;display: none;margin-bottom: 5px;background-color: #ffe0a3;}$(function () {$("#btnSave").click(function () {if ($(".clsShow").html().toString() != "")//存在提示信...
本文实例讲述了jQuery选择器用法。分享给大家供大家参考，具体如下： jQuery 使用两种方式来选择 html 的 element，第一种使用CSS和Xpath选择器联合起来形成一个字符串来传送到jQuery的构造器（如：$("div > ul a")）；第二种是用jQuery对象的几个methods(方法)。这两种方式还可以联合起来混合使用。 使用 CSS 和 XPath 选择器选择的方法有许多种用法，关于详细的 CSS 选择器可参考本站相关文章。 首先来看通过元素的 ID 取得元素：...
本文实例讲述了jQuery对html元素的取值与赋值方法。分享给大家供大家参考，具体如下： Jquery给基本控件的取值、赋值 TEXTBOX:var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框，文本区域： $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');// 填充内容LABLE: var str = $('#lbl').text(); $('#lbl').text("Set Lbl Value"); var valradio = $("input[@type=radio][@checke...
本文实例讲述了JQuery标签页效果实现方法。分享给大家供大家参考，具体如下： 第一个标签页中鼠标滑过显示不同的标签页，第二个标签页中点击不同标签加载其他页面中的内容，加载等待的图片缓慢隐藏，效果图如下：/WebRoot/4.Tab.html：JQuery实例4：标签页效果标签1标签2标签3我是内容1我是内容2我是内容3装入完整页面装入部分页面从远程获取数据/WebRoot/js/tab.js：var timoutid; $(document).ready(function(){//找到所有的标签...
本文实例讲述了jquery.cookie.js用法。分享给大家供大家参考，具体如下： 对cookies的操作在当访问一个网站就无时无刻的都伴随着我们，记录着我们的一举一动，并将不危害用户隐私的信息，将以保存，这样用户就不用去从新再次操作重复的步骤，这样大大方便了客户，也增加了客户对网站的回头率。 jquery.cookie.js 提供了jquery中非常简单的操作cookie的方法。$.cookie('the_cookie'); // 获得cookie $.cookie('the_cookie', 'the_va...
本文实例讲述了jQuery中attr()与prop()函数用法。分享给大家供大家参考，具体如下： 一、jQuery的attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ） 2. attr(属...
本文实例讲述了jQuery中ajax的load()与post()方法。分享给大家供大家参考，具体如下： 一、load()方法 在jQuery ajax的load()方法能够载入远程 HTML 文件代码并插入至 DOM 中,这个与post,get还是有一点的区别，但可以快速在页面加载时就加载一个页面的html保存到dom中并且可执行哦。 load()方法默认使用 GET 方式, 如果传递了data参数则使用Post方式. 传递附加参数时自动转换为 POST 方式。jQuery 1.2 中，可以指定选择符，来筛选载...
本文实例讲述了jquery中cookie用法。分享给大家供大家参考，具体如下： cookie在jquery中有指定的cookie操作类，下面我先来介绍我们在使用cookie操作类时的一些问题，然后介绍正确的使用方法。 使用JQuery操作cookie时 发生取的值不正确的问题： 结果发现cookie有四个不同的属性: 名称，内容，域，路径$.cookie('the_cookie'); // 读取 cookie $.cookie('the_cookie', 'the_value'); // 存储 cookie $.cookie('the_cookie', 'th...