前端设计 | 夏日博客

Jquery Ajax Select 联动的三个实例分享

本文我们分享三个Jquery Ajax Select 联动的实例，分别是使用Jquery-Ajax改变Select标签进行联动，jquery ajax 读取联动菜单 select菜单，基于JQuery的Select下拉框联动(级联)。使用Jquery-Ajax改变Select标签进行联动. 页面存在着一组select标签，它们的id分别是clientType和type。type随着clientType的选择而改变。实例: $('#clientType').change(function(){ var va...

2016年01月11日前端设计评论 1 条喜欢 0 阅读 0 views 次阅读全文

jQuery中animate方法简单用法

在jquery中animate是可以动态的来改变改变"div" 元素的高度了，下面我们就一起来看看animate方法简单用法吧，希望文章能够对各位有用。 animate()方法提供了自定义的动画，能够实现更加新颖的动画效果,其语法结构,代码如下: $(element).animate({ param1: value1, param2: value2}, speed, function() { ...

2016年01月11日前端设计暂无评论喜欢 1 阅读 0 views 次阅读全文

jquery生成当前页面的二维码图片

二维码通常是使用php生成但现在的jquery也可以直接生成二维码了，下面来看一个简单的例子。 jquery.qrcode.js是一个生成二维码的jquery插件。压缩后体积不到4K。使用它来生成当前页面的二维码很方便。示例: <!DOCTYPE html> <html> <head> <title>jquery生成当前页面的二维码</title> &l...

2016年01月11日前端设计暂无评论喜欢 2 阅读 0 views 次阅读全文

mac中PopClip插件开发实例

Actions 里面一个 dict 是一个图标，由于 PopClip 不支持直接执行可执行文件，所以要使用 shell 来执行一下。配置文件: Actions 里面一个 dict 是一个图标，由于 PopClip 不支持直接执行可执行文件，所以要使用 shell 来执行一下。自己给定的两个图标的颜色是没有关系的，PopClip 会自动修改图标的颜色。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE plis...

2016年01月11日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery使用prop设置checkbox全选、反选例子

对于checkbox的全选与反选我相信各位朋友都有用过了，在此我们介绍使用prop来进行操作了，具体的操作如下。大家都知道 jQuery 可通过 attr 方法来设置 dom 属性，自然的也就想到用 $(dom).attr('checked', 'checked'); 这种方法来选择 checkbox 了，但是最近在项目中使用 checkbox 全选、反选的时候，却出现了问题：在使用 attr 方法设置选择后，点击第一次可以设置反选，第二次却不行了。 $(function...

2016年01月11日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

基于jQuery的表格行上移下移和置顶效果代码

表格行上移下移和置顶有点像排序效果是一样的，我们以前介绍的都是通过js来实现，现在也是用js不过是升级版本的jquery实现表格行上移下移和置顶功能了，具体的例子如下所示。基于jQuery的表格行上移下移和置顶效果代码HTML. 页面上是一个简单的数据表格，我们在数据行中分别放置“上移”，“下移”和“置顶”三个链接，并且分别定义三个class属性，我们来通过jQuery实现这些操作。 <table class="tab...

2016年01月11日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery 图片延迟加载特效实现代码

很多网站图片是在下拉滚动条时才加载，这种用户体验不错的效果可以通过 JavaScript 库 jQuery 实现的，本文来就这个特效详细解读。风站延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还...

2016年01月11日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery中closest和parents的区别

closest和parents从表现上来看都是说查找上线元素的一些内容了，但如果说仔细可能各位不懂，下面我们一起来看看closest和parents区别。 1.父级 parent()——唯一父级元素，可能是0个或1个元素。 2.祖先 parents(selected)——所有selected祖先（不包含根元素），可能是0个、1个或多个元素。 closest(selected)——唯一selected祖先，可能是0个或1个元素。 closest和parents的主要区别是：前者从当前元素开始匹配...

2016年01月11日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery中contents()与children()的区别

jQuery中contents()与children()的区别是什么呢？我相信很多朋友对于这两个方法不是很了解了，下面小编为各位介绍它们的区别与用法吧。 1、基本概念首先呢，这两个方法是有区别的。 ontents() 方法返回所有直接子元素，包括被选元素的文本和注释节点。文本节点是由元素显示的实际文本。该方法与 children() 方法类似，不同的是它返回的是文本和注释节点。如果在相同的域中，contents() 方法也能访问 ifr...

2016年01月11日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery中trigger()触发hover事件疑问

jquery中trigger() 方法触发被选元素的指定事件类型了，但有使用过程中会碰到一些问题了，下面我们一起来看看jQuery中trigger()触发hover事件疑问,希望对各位有帮助。今天做一个项目，遇到了一个问题，是以前没有遇到过的，就此记上一笔。 1、trigger方法解释官方是这么解释的： Description: Execute all handlers and behaviors attached to the matched elements for the given event type. 用法： .t...

2016年01月11日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery scroll()和resize()增加延时处理示例

本文章为各位介绍一个关于jquery scroll()和resize()增加延时处理示例，如果各位对于scroll()和resize()用法不了解的可以和小编一起来看看吧。浏览器的scroll()和resize()方法都是实时处理的，比如浏览器拉动浏览器的过程中一直在触发scroll()，浏览器的在改变大小尺寸的时候一直在触发resize()，如果在这两个方法里加上函数之后，会一直不间断的去处理，很可能造成浏览器负荷。解决的方法就是延时，当然...

2016年01月11日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery同域跨iframe操作DOM例子

下面为各位来介绍一个jQuery同域跨iframe操作DOM例子，如果各位对于jquery跨域操作不了解可以和小编一起来看看本文章吧。 iframe目前还是比较流行的，许多地方都通过它来实现特殊的情况。比如说传统的上传、select在ie6下、代理、跨域等等。今天呢，简要的记述一下跨iframe的相关操作，主要是用jQuery操作DOM结构方面。 1、父框架操作iframe <iframe src="a.php" id="aa"></iframe&g...

2016年01月11日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery中has()和contains()及empty用法介绍

本文章为各位介绍jQuery中has()和contains()及empty用法了，这三个方法我相信各位用到的最多的估计是第一个和最后一个，中间函数估计不知道吧，下面我们一起来看看has()和contains()及empty用法。 jQuery:has()和jQuery:contains()两个方法比较类似。不同点在于： has是判断标签的 contains是判断文本的 1、jQuery:has() <div><p>Hello</p></div> <div>Hello...

2016年01月11日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery获取天气API实例程序代码

jQuery获取天气API我们见得多了，在这里小编看到一站长写得非常不错的一款jQuery获取天气API插件，我们一起来看它的用法。 1、后台 <?php if(isset($_GET['city']) && $_GET['city']!='') { $url='http://m.weather.com.cn/data/'; $city=(int)$_GET['city']; $json = file_get_content...

2016年01月11日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery中getScript()使用方法与优缺点分析

getScript函数非常的强大可以直接加载外部的一些js文件从而实现了跨域数据处理了，下面我们起来看一些关于getScript()使用方法与优缺点分析了。目前做的主题，含有大量的js，以前是全部压缩到2个文件里的，两个文件都很大，在现代浏览器中运行毫无压力。但是，对于残疾的ie来说，那简直就是受罪。会随机出现以下状况： 1、js加载无任何错误，但就是没有特效。 2、js加载总是失败。 3、js加载过慢，导致用...

2016年01月11日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery ajax()动态加载脚本文件的例子

动态加载js本站介绍过不少的这实例了，但各有各的特点了，下面为各位介绍一个基于jquery ajax()动态加载脚本文件的例子，希望对各位朋友能够带来帮助。上次说的jquery动态加载脚本，使用的是getScript（您可以点击相关文章查看），缺点和优点都说了。封装的函数是不自带缓存功能的，默认每次加载都刷新本地脚本。这样的一个特点对于网速不是很快的网站来说，那就是一个漫长的等待，虽然页面已经加载完毕了...

2016年01月11日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery下event.which获取键盘、鼠标键值示例

which 属性指示按了哪个键或按钮了，所以有了这个函数其实我们可以非常的简单的监测到我们按键及键值了，具体来看个例子。 jquery中使用event.which获取键盘、鼠标键值。event.which 将 event.keyCode 和 event.charCode 标准化了。获取键盘输入值 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /...

2016年01月11日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery dialog弹出对话框插件使用方法

jquery的dialog插件我相信用过的人不少了，自从有了dialog插件之后我们的弹出提示都用到了jquery dialog了，下面小编来为各位介绍jquery dialog弹出对话框插件使用方法，希望文章能够帮助到各位。使用方法: 2.1、默认参数 // 1. 对话框默认参数 // 标注【*】的项目表示可以重复修改的，即多次初始化 $.fn.dialog.defaults = { //&...

2016年01月11日前端设计暂无评论喜欢 1 阅读 0 views 次阅读全文

jquery文件上传插件：upload无刷新AJAX进度多文件批量上传示例

最后在做一个多文件上传的功能，但找了很多的插件都没有用上了，下文来为各位介绍一个：jquery-upload无刷新AJAX进度多文件批量上传，希望文章能够帮助到大家。 1、插件说明在支持FormData的浏览器完全使用AJAX（即XMLHttpRequest）和input的files属性共同完成上传文件，否则就模拟表单提交来上传文件。支持写的文章和脚本现在看起来都比较稚嫩，现在重新整理、约束，更好的API和便捷使用方法。插件名称:...

2016年01月11日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery scrollable无限无缝循环滚动使用示例

无限无缝循环滚动效果现在用到的相对不多了，特别是在以前有一段时间无限无缝循环滚动效果用到的非常的多了，下面小编来为各位介绍一个 scrollable无限无缝循环滚动使用示例 1、插件介绍支持无限无缝循环滚动。最小的限度的操作DOM，只在初始化的时候复制一次DOM，后续不会再操作DOM，最大化性能。默认的DOM结构为：#demo>ul>li*n。丰富配置、简单接口。注意：无缝滚动不支持prev、next操作，不...

2016年01月11日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文