表单提交时用jQuery实现判断的小技巧

表单提交时用jQuery实现判断的小技巧
有时为了能够友好的提交表单,会用jq去模拟submint,现在我们通过jQuery来实现表单提交判断的方法。 本文实例讲述了jQuery实现表单提交时判断的方法。分享给大家供大家参考。具体实现方法如下: <input type="submit" id="myBtn" />      换成:      <input type="button" id="myBtn" />   使用: ...

用Query高仿小米秒杀页面倒计时特效

用Query高仿小米秒杀页面倒计时特效
如果你抢过小米(当然很多人看不上粗粮),你应该看过小米抢购倒计时的效果,现在我们用Query仿制一个这样子的效果出来。 1、效果及功能说明 通过对时间的控制来告诉用户一个活动还剩多少时间,精确到秒。 2、实现原理 首先定义活动的截至的时间,要重年份精确到毫秒,在获得当前的年份到秒钟,在用截至时间,减去现在的时间,剩下的还有多少的时间就把还剩下的时间给显示出来就得出了离截止日期还有多久。...

Jquery获取iframe中对象的多种方法总结

Jquery获取iframe中对象的多种方法总结
在网页中的复合文档经常要用到ifrmae框架,获取iframe中的元素如果用Jquery操作的话工作效率会大提高很多。以下是本人在工作过程中收集的一些Jquery操作ifrmae的方法,分享给大家参考。 DOM方法: 父窗口操作IFRAME:window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find("...

jquery中自定义插件开发教程

jquery中自定义插件开发教程
jquery插件有很多我们一般使用系统自带的插件了,如果自己要开发插件如何做呢?下面111cn小编整理了一个jquery中自定义插件开发教程供各位参考 一、全局函数的扩展 全局函数是将独立的函数添加到JQuery的命名空间中区。在使用的时候,可以通过$.fucnName(param)或者jQuery.funcName(param)方式进行调用。 1、直接在JQuery上添加:在jQuery上添加一个全局函数sayHello,代码如下: jQuery.sayHello=functio...

js中form.submit()提交object is not a function错误解决办法

js中form.submit()提交object is not a function错误解决办法
form.submit意思是提交当前表单了,但小编今天发现在使用form.submit时碰到object is not a function错误了,下面小编给各位整理此问题的解决办法吧。 form.submit()提交时报错object is not a function 在写表单提交时遇到一个很扯淡的问题,分享一下。 比如有个表单,其中某元素的id为submit,像下面这样写: <input id="submit" type="xxx" /> 即,如果在表单某元素中,设置了一个id名为submit的...

简单的jquery无刷新表单提交实例

简单的jquery无刷新表单提交实例
有了jquery要实现表单提交非常的简单,只需要一句话即可以实现了,下面小编来给各位整理两个无刷新表单提交实例,希望对各位有帮助。 例子1: HTML文件,代码如下: <!DOCTYPE html>   <html>   <head>       <script src="/jquery-latest.js"></script>   <meta http-equiv="Content-Type" ...

智能手机用jQuery-File-Upload上传图片及问题总结

智能手机用jQuery-File-Upload上传图片及问题总结
本文章是以iphone手机上图片过程中一些问题的总结与解决办法了,文章使用的是jQuery-File-Upload插件也有些朋友使用swf是不一样的,因手机不支持swf哦,所以及我们必须使用js来实 最近在做一些活动站点,有几个是通过手机来上传图片。 先推荐个上传插件: jQuery-File-Upload https://github.com/blueimp/jQuery-File-Upload 之前一直用的uploadify,免费版的在手机端里貌似不支持swf,然后用的uploadfive...

jQuery Mobile中动态加载或执行脚本的分析

jQuery Mobile中动态加载或执行脚本的分析
jQuery Mobile是一款手机移动上的js插件了,它可以实现各种在手机中的手机了,有了jQuery Mobile我们就可以实现触屏功能了,下面来看看。 jQuery Mobile是我新的项目中要用到的移动端框架,之所以要使用它,仅仅是因为它的兼容性很好,页面之间的轮转及其优雅。但是jQuery Mobile的UI我并不喜欢,因此又引入bootstrap。在开发中发现,因为JQM采用ajax的方法加载链接到的页面,所以无法像我们之前的设计 一...

jquery 页面加载插件load函数的运用

jquery 页面加载插件load函数的运用
本文章重点是为各位介绍页面加载插件的实际应用及load函数的运用,有需要了解的可进入参考。 关于页面头部加载的一些实例,里面提到了2个jquery页面插件,这两个插件很不错,同时我也看了一下pace.js,这个插件。看了一下谷歌浏览器等的页面加载。 关于页面的加载,很难找到一个很好的方法来获取页面的实际下载进度。大多数的用法是运用 $(window).load(function() {})和$(document).ready(function(){})来...

jquery中uploadify插件导致浏览器总是崩溃

jquery中uploadify插件导致浏览器总是崩溃
uploadify原本是一个非常好的文件上传插件了,但在google浏览器会发现崩溃问题了,出现此问题我们要如何解决?下面一起来来看看问题解决方法。 uploadify浏览器解决的办法是: 给引入的js加上一个参数,时间戳就可以,防止缓存,使每一次都请求。(这个问题是因为谷歌浏览器会缓存文件导致的) jquery中uploadify插件导致浏览器总是崩溃 uploadify可能在某些浏览器并不工作,uploadify兼容方法: 在swf后面...

jquery easyui树形菜单调用点击事件例子

jquery easyui树形菜单调用点击事件例子
easyui可以让我们非常简单方便的实现各种效果了,并且easyui可以让我们程序员做出非常漂亮的ui出来,下面来看一个easyui树形菜单调用点击事件例子。 翻了api文档好像没找到类似的点击事件和示例demo 于是想自己写额,刚开始是这样的,代码如下: $("#munes ul li").live("click",function(){                 ...

easyui选项卡tab功能的使用技巧

easyui选项卡tab功能的使用技巧
easyui插件是一组基于jquery UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面,下面我们来测试一个easyui选项卡tab使用技巧 easyui选项卡上面的刷新按钮实现刷新操作 面板上的选项卡是动态生成的,带有刷新小按钮和关闭小按钮,点击刷新小按钮的时候刷新当前tab面板内容,实现代码: $('#main').tabs('add',{       title:tit...

基于jQuery插件的加载图片与页面特效代码

基于jQuery插件的加载图片与页面特效代码
加载图片与页面的功能可以利用js来做但写起来复杂了,下文小编整理了一个基于jQuery插件的加载图片与页面特效代码了,这段代码不但简单并且非常的实用同时兼容性也非常的好。 我们使用jQuery的ajax在页面中就像使用iframe一样加载其他页面内容,今天我给大家分享一个名叫jQuery oLoader的插件,该插件还集成了oPageLoader,可以轻松实现加载图片和页面的漂亮效果。 基于jQuery插件的加载图片与页面特效代码...

jquery设置css样式、style属性 示例

jquery设置css样式、style属性 示例
jquery可以非常的方便设置或修改div的样式了,在此小编为各位总结一下jquery设置css样式、style属性 示例吧,希望可以帮助到大家。 css虽然会在一开始我们就定义好了,但是有很多场景需要我们动态设置css,或者单独修改一个dom控件的style属性,今天分享一下我总结的jquery设置css及style样式的方法。 一、CSS 1、css(name) 访问第一个匹配元素的样式属性。 返回值 String 参数 name (String) : 要访问...

一个简单的返回顶部jQuery程序代码

一个简单的返回顶部jQuery程序代码
返回顶部对于使用js来写那是很难很难的,至少对于小编来讲,但是对于jquery来说是非常的简单了,只需要一段代码即可,具体下面看例子。 本文演示jQuery返回顶部,当文章页比较长时间,可以方便用户返回网站的顶部,实现代码也不难,大家学习下! 调用代码如下: <script language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script>   <...

jQuery 克隆对象的简单示例

jQuery 克隆对象的简单示例
开始以为可以使用jQuery的clone() 但后发现这个不能用了,于时gg之后发现现在jquery克隆对象使用extend插件了,下面来看看吧。 简单例子,代码如下: // 浅层复制(只复制顶层的非 object 元素)     var newObject = jQuery.extend({}, oldObject);          // 深层复制(一层一层往下复制直到...

深入解析jQuery $.each的使用方法

深入解析jQuery $.each的使用方法
each在jquery中常用于遍历数组与遍历对象了,下文小编整理了很多的关于jQuery $.each的使用方法例子,希望能帮助到大家。 通过jQuery $.each,你可以遍历对象、数组的属性值并进行处理。 使用说明: each函数根据参数的类型实现的效果不完全一致: 1、遍历对象(有附加参数),代码如下: $.each(Object, function(p1, p2) {           this;&n...

jquery中html,text,val的区别对比

jquery中html,text,val的区别对比
在jquery中html,text,val是有区别的,今天小编在做一个系统时认真的测试了它们三个的功能与使用的技巧,下面整理一下方法供各位参考。 .html()用为读取和修改元素的HTML标签 .text()用来读取或修改元素的纯文本内容 .val()用来读取或修改表单元素的value值。 <h3>一、jquery中HTML</h3> 1. 无参html() 方法用来获取任意元素的HTML内容,如果你调用多个选定元素的.html()方法,那么其读取的只...

JQuery触发事件多实例讲解

JQuery触发事件多实例讲解
触发事件,或称模拟用户动作。在js中,如果我们要触发一个按钮的点击事件,直接使用元素的onclick事件,然后调用相关函数就可以了。下面是我整理的一些触发事件实例。 JQuery触发事件使代码分离,在js中,如果我们要触发一个按钮的点击事件,直接使用元素的onclick事件,然后调用相关函数就可以了,这样的 写法则是让代码与html结合到一起了,在Jquery中就不用这样了,它有另外的几种写法,可以使代码与html...

jQuery Validation表单验证范例

jQuery Validation表单验证范例
jQuery Validato表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)脚本控制。 jq代码如下: /**   * @author ming   */   $(document).ready(function(){      /* 设置默认属性 */ ...