软件开发 | 番茄博客

jQuery表单验证插件jqBootstrapValidation使用示例

jqBootstrapValidation是一个bootstrap表单的jQuery验证插件了，与以往的验证插件有一些区别了，下面小编为各位介绍一下插件的用法。 jqBootstrapValidation是一个bootstrap框架样式表单的jQuery验证插件，他能够验证基本的表单字段类型，比如电子邮箱格式、纯数字、纯子母、字段是否为空等，依赖于bootstrap框架的表单样式和Jquery JavaScript框架查找和编辑HTML标签。 jqBootstrapValidation是一个bootst...

2016年01月08日软件开发暂无评论喜欢 1 阅读全文

jquery使用each方法遍历元素的例子

遍历元素在jquery中会用到each方法了，如果各位对于这个方法不理解可以参考本文章的一些例子。 each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法 each处理一维数组,代码如下: var arr1 = [&n...

2016年01月08日软件开发暂无评论喜欢 0 阅读全文

jquery自定义插件让你再牛B的说我会jQuery插件

自定义插件就是自己作jquery插件了，这个我们其实很容易做到的，因为自定义插件对于jquery来讲非常的简单它自带了extend方法，下面来看一些例子。一:导言有些WEB开发者，会引用一个JQuery类库，然后在网页上写一写$("#")，$(".")，写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人，直到有一次公司里的技术交流，我才改变了自己对自己的看法。二:普及JQuery知识知识1:用JQuery写插件时，最核心的...

2016年01月08日软件开发暂无评论喜欢 0 阅读全文

用jquery动态添加的元素事件失效如何解决

本文分享一个jquery问题的解决方法：就是用jquery动态添加的元素时，绑定事件后发现失效，后来用on方法解决脚本动态添加元素。今天在写JQUERY时遇到个问题：当使用脚本动态添加元素xxx时，但事件$(".x .y").click(function)...失效问题。刚开始网上找到了用live函数，方法如下：事件绑定：$(".x .y").click(function) 需改为： $(".x .y").live('click',function); 但是由于1.8版本后live这种方法不再支...

2016年01月08日软件开发暂无评论喜欢 0 阅读全文

jQuery Mockjax插件模拟Ajax请求实例教程

jQuery Mockjax插件提供了简单并且极其灵活的接口来模拟Ajax的请求和回应，现在我们来简单讲一下jQuery Mockjax插件模拟Ajax请求实例在实际的开发过程中，前端后台协商好了统一的接口,就各自开始自己的任务了,这时候我有这么一个 Ajax 请求需要从后台获取数据,代码如下: $.ajax({ url: '/products/' }).done(function(res) { $...

2016年01月08日软件开发暂无评论喜欢 0 阅读全文

jquery网页下雪特效插件实例

年底为了体现过年的气氛，很多网页会做各种喜气的特效，现在我们来学习一下jquery网页下雪特效插件，这样你的网页也可以有冬天的年味了。又到了年底，从圣诞节开始，可以发现各大网站的活动是越来越多，都变的银装素裹，本人由于业务需求也需要做这么一个效果，所以就通过google大神找了一下相关资源，结果就出现了N种雪花效果的方式。种类繁多，最后找到了本文看到的这种效果，原作者写的可以说已经满足...

2016年01月08日软件开发暂无评论喜欢 0 阅读全文

Uploadify异步上传的配置教程

今天公司使用到了Uploadify插件来上传图片了，下面小编来为各位介绍这个Uploadify例子吧，希望可以帮助到各位。 1.官网：http://www.uploadify.com/ 2.可能是uploadify的bug 如果不设置button_image_url会发送一次url请求！代码如下: <style type="text/css"> .uploadify-button { b...

2016年01月08日软件开发暂无评论喜欢 0 阅读全文

jquery实现QQ空间自动点赞代码

QQ空间自动点赞代码是小编找了很久的一段代码了，因为有不少的朋友求赞功能了，下面整理了两段代码供各位参考，代码是一部份最后还是要处理好才有用。 QQ空间点赞…取消点赞好友动态点赞代码,代码如下: jQuery("a.qz_like_btn_v3[data-clicklog='like']").each(function(index,item){ console.log(item); jQuery(item).trigger('click'); }); jQuery(w...

2016年01月08日软件开发暂无评论喜欢 14 阅读全文

总结jquery中的六种Ajax数据交互应用

以下是本人总结的六种jquery与后台做数据交互的方法，最底层的还是ajax，不过本人比较喜欢轻量的json数据格式传输交互。 jquery中的几种ajax请求，包括最底层的方法$.ajax()，第二层的load()、$.post()、$.ajax()，第三层的$.getJSON()、$.getScript(),代码如下: <script type="text/javascript"> //jquery中的几种ajax请求 function ajaxRequest(){ &nbs...

2016年01月08日软件开发暂无评论喜欢 0 阅读全文

jquery中AJAX提交from表单的例子

对于jquery来讲要利用ajax提交表单其实有很多的方法，下面小编来为各位整理一个简单的测例子供各位参考，有需要的进入看看。这里主要是jquery实现ajax提交form表单的方法,需要的朋友可以过来参考下,代码如下: //添加 $(".BaseWorkSaveAdd").click(function (e) { $.ajax({ type: 'POST', url: "/TalentR...

2016年01月08日软件开发暂无评论喜欢 1 阅读全文

jquery如何判断一个元素是否存在

jquery如何判断一个元素是否存在？有朋友会说直接使用js getElementById来判断了，其实这个是可以但如果使用jquery会稍有点区别，下面一起来看看。 php判断一个变量存不存在可以用isset($var)判断，而jquery中如何判断一个元素是否存在呢？比如一个id选择器，如果用if($(“#id”))，那就错了。正确的方法如下：错误写法,代码如下: if ($("#someID")){ $("#someID").text("h...

2016年01月08日软件开发暂无评论喜欢 0 阅读全文

jQuery中noConflict解决冲突问题

javascript库使用 $ 作为一个函数或者变量名，正如jquery做的一样。在jQuery下 $只是jQuery的一个别名，所以不使用 $所有功能都是有效的。如果我们需要同时使用jQuery和其他javascript库，我们可以使用 $.noConflict()把 $的控制权交给其他库。旧引用的$ 被保存在jQuery的初始化; noConflict() 简单的恢复它们 noConflict方法可以处理一些标记占用的冲突问题（这是目前我觉得的实用的用途） jQuery.noConfl...

2016年01月08日软件开发暂无评论喜欢 0 阅读全文

jQuery与DOM对象的互相转换的例子

对于这个jQuery与DOM对象的互相转换我想大家估计也了解一点了，下文整理了不少的关于jQuery与DOM对象的互相转换的例子供各位学习参考。 jQuery方法提供两种方法将一个jQuery对象转换为DOM对象比如代码如下: var $cr = $('#cr'); var cr = $cr[0]; // var cr = $cr.get(0); 这两种方法都能把jQuery对象转换...

2016年01月08日软件开发暂无评论喜欢 0 阅读全文

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

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

2016年01月08日软件开发暂无评论喜欢 0 阅读全文

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

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

2016年01月08日软件开发暂无评论喜欢 0 阅读全文

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

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

2016年01月08日软件开发暂无评论喜欢 0 阅读全文

jquery中自定义插件开发教程

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

2016年01月08日软件开发暂无评论喜欢 0 阅读全文

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的...

2016年01月08日软件开发暂无评论喜欢 1 阅读全文

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

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

2016年01月08日软件开发暂无评论喜欢 0 阅读全文

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

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

2016年01月08日软件开发暂无评论喜欢 3 阅读全文