本文利用jQuery实现一个拖拽删除桌面小图标的功能，使用起来就像操作系统的回收站一样，我们只需要拖动应用图标至垃圾箱即可删除这个图标，分享给大家，具体实现方法如下 运行效果图：引入核心文件 这里需要引入jquery，jquery ui，与jquery ui css构建html核心CSS样式 没有CSS3基础的朋友，请先了解下CSS3，要不下面的CSS会吃力/*----------------------------CSS3文件夹 -----------------------------*/.folder {/* This will e...
在一些任务游戏、贴吧管理中都会有一个签到功能，帮助大家记录登录天数，积累等级经验，这个日历签到功能是如何实现的，本文为大家进行演。 本文实例讲述了基于jquery实现日历签到功能。分享给大家供大家参考。具体如下： 运行效果截图如下：具体代码如下： index.html签到效果实现$(function(){//ajax获取日历json数据var signList=[{"signDay":"10"},{"signDay":"11"},{"signDay":"12"},{"signDay":"13"}];calUtil.init(signList...
本文实例讲述了jQuery插件formValidator自定义函数扩展功能的方法。分享给大家供大家参考，具体如下： jQuery formValidator表单验证插件是什么?感兴趣的读者可参考《jQuery formValidator表单验证插件》以及本站其他相关文档 此处省略若干文字。 实际项目中的表单应用是多种多样的，随之而来的验证也是多变的，但Jquery formValidator为我们提供了自定义函数接口，个人认为是其最主要的强大之处。废话不多说，直接实例。 例一：座...
直接上代码index......文本打印区域............文本打印区域............文本打印区域............文本打印区域............文本打印区域...... 代码 jquery.PrintArea.min.js：(function(c){function g(){var b=""+d.popTitle+"";c(document).find("link").filter(function(){return"stylesheet"==c(this).attr("rel").toLowerCase()}).filter(function(){var a=c(this).attr("media");return void 0==a!1:""==a.toLowerCase(...
jQuery Validate插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。 第一节：jQuery Validation让验证变得如此容易 一、官网下载jquery，和jquery validation plugin 二、引入文件三、接下来,声明下面的HTML片段通过以上代码，大家会发现我们对于每一个input都加上了class="required" 他的作用就是在这个...
现在，我们经常使用的微博、微信或其他应用都有异步加载功能，简而言之，就是我们在刷微博或微信时，移动到界面的顶端或低端后程序通过异步的方式进行加载数据，这种方式加快了数据的加载速度，由于它每次只加载一部分数据，当我们有大量的数据，但不能显示所有，这时我们可以考虑使用异步方式加载数据。 数据异步加载可以发生在用户点击“查看更多”按钮或滚动条滚动到窗口的底部时自动加载；在接下来的博文中，我们将介绍如何实现...
本文实例为大家分享了jquery实现删除一个元素后面的所有元素功能的详细实现过程，具体实现内容如下 实现效果： 选择项目点击删除按钮，被选项之后的所有同级元素都被删除jQuery 遍历的nextAll() 方法可以搜索 DOM 树中的元素跟随的同胞元素，也就是一个元素后面的所有同级元素，删除可以使用方法remove()，所以连起来为$(selector).nextAll().remove(); 下面给出实例演示：点击按钮后，删除被选项目之后的所有选项 创建Html元素点击...
定义和用法 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 下面举例jquery简单倒计时var intDiff = parseInt(60);//倒计时总秒数量function timer(intDiff) {window.setInterval(function() {var day = 0,hour = 0,minute = 0,second = 0;//时间默认...
首先我们看个简单的实例jQuery实现CheckBox全选、全不选$(function() {$("#checkAll").click(function() {$('input[name="subBox"]').attr("checked",this.checked); });var $subBox = $("input[name='subBox']");$subBox.click(function(){$("#checkAll").attr("checked",$subBox.length == $("input[name='subBox']:checked").length true : false);});}); 全选项1项2项3项4下面再给大家分享一段基于jQuery实现checkbox列表全选...
本文实例讲述了jQuery+ajax实现文章点赞功能的方法。分享给大家供大家参考，具体如下： 前几日有童鞋问我索要本站右上角的点赞功能，麦葱左思右想，决定把这功能分享出来,希望此功能对各位会带来方便哦。 代码很简单，jQuery+php实现的。 jQuery代码：jQuery(document).ready(function($) { $(".zan").click(function(e){ var $i=$(".zan i"), $b=$("").text("+1"), n=parseInt($i.text()); $b.css({ "bottom":0, "z-index":999, }...
本文实例介绍了基于JQUERY扩展，图片上传预览插件，目前兼容浏览器(IE 谷歌 火狐) 不支持safari，分享给大家供大家参考，具体内容如下HTML代码：图片上传预览演示$(function () { $("#up").uploadPreview({ Img: "ImgPr", Width: 120, Height: 120 }); });图片上传预览演示 原文js代码：*参数说明: Img:图片ID;Width:预览宽度;Height:预览高度;ImgType:支持文件类型;Callback:选择文件显示图片后回调方法; *使用方法: 把需要进行预...
当我们在上传文件时如果每次都要上传到服务器才可以预览这个做看上合理其实是不合理的，如果网速慢或图片有问题，这样不但浪费客户时间同时也浪费服务器资源了，下面我们介绍利用js上传图片时本地实现预览，希望此方法对各位有所帮助哦。 一、原理 分为两步： 当上传图片的input被触发并选择本地图片之后获取要上传的图片这个对象的URL（对象URL）； 把对象URL赋值给事先写好的img标签的src属性即可把图片显示出来。 在这里，我们需...
先说明白 这个跨域异步上传功能我们借助了Jquery.form插件，它在异步表单方面很有成效，而跨域我们会在HTTP响应头上添加access-control-allow-method，当然这个头标记只有IE10，火狐和谷歌上支持，对于IE10以下的浏览器来说，我们就不能用这种方式了，我们需要换个思路去干这事，让服务端去重写向我们的客户端，由客户端（与文件上传页面在同域下）来返回相关数据即可。 再做事 1 Jquery.form的使用注意，代码中的eventStart方法是...
本文实例使用jQuery实现动态搜索显示功能，只要输入值就能立刻动态显示数据，不同于常规查询方法，供大家参考，具体内容如下 模拟效果如下： 情况1：情况2：实现代码： struts2/js/jquery-1.4.1.js">//数据源，json的格式.var user=[{"id": 1, "name": "张三","age":"25"},{"id": 2, "name": "李四","age":"35"},{"id": 3, "name": "王五","age":"20"},{"id": 4, "name": "老王","age":"20"},{"id": 5, "name": "老张","age":"25...
主要是模拟一些网页中的表格实现全选功能。当我们点击全选/全部不选按钮时，下面的checkbox执行相应的操作。 同时反过来，当全选时，下面任意一个checkbox未选中，则全选/全不选按钮也不会被选中。以上这篇jquery实现全选功能效果的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。