夏日博客

jQuery next()方法的使用详解

jQuery next()方法的使用详解
next()如果说英文就是下一个的意思，在jquery中next()方法的作用也就差不多下一个节点或下一个对象了，下面我们来看看next()用法。 调用 next() 方法的 jQuery 对象可以分为两种，一是单一的对象，二是对象的集合，下面分开说明： jQuery 对象单一: 假设以下 HTML 代码： <div id="wrapper">       <ul class="nav">     &nbs...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery中bind监控click实现隐藏遮罩层

jquery中bind监控click实现隐藏遮罩层
jquery中bind事件是可以监控页面中的事件了，当执行我们绑定的事件时就可以去触发一些事件了，下面来看一个bind监控click实现隐藏遮罩层的例子。 为了更好的用户体验，在做下拉获取其他有弹出层的时候，当展开下拉时，要做到点击其他区域也能自动隐藏收起下拉和遮罩层，这样的效果用一段js就可以了。 bind()函数用于为每个匹配元素的一个或多个事件绑定事件处理函数。 语法: bind()函数主要有以下两种形式...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

深入分析jQuery height()、innerHeight()、outerHeight()函数的区别

深入分析jQuery height()、innerHeight()、outerHeight()函数的区别
我们先看三个函数的名称height()、innerHeight()、outerHeight()，高度与内高与外高了，这个与css中的padding与margin有那么一点像了，下面一起来看看。 在jQuery中，获取元素高度的函数有3个，它们分别是height()、 innerHeight()、 outerHeight()。 与此相对应的是，获取元素宽度的函数也有3个，它们分别是width()、 innerWidth()、 outerWidth()。 在这里，我们以height()、innerHeight()、outerHeight(...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

全面解析jquery中ajax从前端到后端的过程

全面解析jquery中ajax从前端到后端的过程
很多朋友对ajax理解不是很透彻，特别是一些没有学过编程语言的前端开发者，本文我们来全方位理解 jquery中ajax 从前端到后端 完整过程解析。 1.get方式访问浏览器时，常加参数缘由： GET访问浏览器是等幂的，就是一个相同的URL只有一个结果[相同是指整个URL字符串完全匹配]，所以第二次访问的时候如果 URL字符串没变化，浏览器是 直接拿出了第一次访问的结果。POST则认为是一个变动性访问 （浏览器认为POST...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery scrollLoading实现图片延迟加载的例子

jquery scrollLoading实现图片延迟加载的例子
延迟加载插件我们最常用的是lazyload了，当然我们本文章要介绍的是scrollLoading实现图片延迟加载了，下面一起来看看吧。 一:关于图片延迟加载 经常会遇到一个页面的加载图片很多，用户一进去就要等待很久的时间，全部耗在了图片的加载中，用户体验很不好，解决办法就是利用图片的延迟加载，只显示屏幕之内的图片，屏幕之外的不加载，只有图片的区域进入了浏览器可视窗口范围，则触发图片的加载并显示，这...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery Slider Revolution插件使用实例

jquery Slider Revolution插件使用实例
Slider Revolution插件是一款非常强大的插件了，我们可以利用它来制作出各种效果并且还支持移动设备，支持手机触摸，键盘翻页；它内置幻灯、视频播放计时器等等效果，具体我们来看看。 jquery Slider Revolution插件使用实例这是一款非常强大的内容切换插件，它基于jQuery，它充分响应，支持移动设备，支持手机触摸，键盘翻页；它内置幻灯、视频播放计时器，它拥有各种模式：自定义，自动响应，全屏；它有...
2016年01月11日 前端设计 暂无评论 喜欢 2 阅读 0 views 次 阅读全文

jquery中elem.attr()无法正确判断checkbox是否选中

jquery中elem.attr()无法正确判断checkbox是否选中
有朋友问我在做表单验证时碰到elem.attr()无法正确判断checkbox是否选中问题要如何处理，下面小编来为各位介绍一下吧。 关于Jquery $(“#checked”).attr(“checked”) 无效的问题. 使用情景:使用 Jquery 实时验证 input checkbox 是否被选中？ $("#checkedElem").attr("checked") 这是一个非常简单的 Jquery 语句，意思很明显: 得到 id 为 checkedElem 的元素的 checked 属性值,但是出乎意料的是,不管 checkbo...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

js实现鼠标移上去显示图片或微信二维码

js实现鼠标移上去显示图片或微信二维码
其实文章介绍的js实现鼠标移上去显示图片或微信二维码效果就是一个显示隐藏效果了，只是在图片或元素中绑定的事件了，具体我们多说无凭了，看例子。 例子: <html>   <head>   <script type="text/javascript">   function  showImg(){   document.getElementById("wxImg").style.display='block';   }  ...
2016年01月11日 前端设计 暂无评论 喜欢 1 阅读 0 views 次 阅读全文

jquery实现点击出现下拉页面可以收缩例子

jquery实现点击出现下拉页面可以收缩例子
jquery要实现下拉与可收缩的效果我们只要用到slideToggle方法就可以实现了具体的给各位介绍一个例子，希望例子对各位有用。 有时候我们需要点击一个文字或者图片的时候出现一个下拉的页面，再点击就会收缩回去，比如需要一个隐藏的表单，点击某处才出来的时候，今天分享下这个相关代码！做之前需要加载一个jquery，（点击下载） <script src="js/jquery-1.4.2.min.js"></script> ...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery通过数组存储关联值显式操作Checkbox

jQuery通过数组存储关联值显式操作Checkbox
本文我们来分享一下jQuery显式操作Checkbox，并用数组存储关联值的方案，对需要关联操作Checkbox的朋友可以参考一下。 应用场景:当需要由多个表数据关联得到某一具体数值时，下例是一种解决的思路和方案。 /**   * 显式选中清空Checkbox(jQuery代码)   *    */   var obj = $(':checkbox');      obj.on('click'...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery实现弹出窗口切换登录与注册表单

jQuery实现弹出窗口切换登录与注册表单
jQuery弹出窗口我相信各位都做过了，因这jQuery有很多的插件可以简单的实现了，具体的我们就来看一些例子，希望文章对各位有用。 当点击页面中的登录或注册按钮时，将会弹出一个模态窗口，就是一个弹出层，我们可以在弹出层上轻松的切换登录与注册表单，极大的方便用户，不需要关闭层再去点击转向其他操作，在很多网站上已经广泛应用。 jQuery实现弹出窗口切换登录与注册表单 本文结合实例，通过使用jQuery...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

完整的jquery全选/取消全选示例效果

完整的jquery全选/取消全选示例效果
jquery取消全选与全选按钮比起js要简单多了，我们可以直接使用attr与removeAttr方法来给checkbox增加或删除checked事件的真假了，具体如下 由于这两个比较简单，我就直接上代码吧: //全选/取消全选   $('#quanxuan').toggle(function () {       $("input[name='abc']").attr("checked", 'true');   }, function () {...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

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

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方法简单用法
在jquery中animate是可以动态的来改变改变"div" 元素的高度了，下面我们就一起来看看animate方法简单用法吧，希望文章能够对各位有用。 animate()方法提供了自定义的动画，能够实现更加新颖的动画效果,其语法结构,代码如下: $(element).animate({    param1: value1,    param2: value2},    speed, function() {    ...
2016年01月11日 前端设计 暂无评论 喜欢 1 阅读 0 views 次 阅读全文

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

jquery生成当前页面的二维码图片
二维码通常是使用php生成但现在的jquery也可以直接生成二维码了，下面来看一个简单的例子。 jquery.qrcode.js是一个生成二维码的jquery插件。压缩后体积不到4K。使用它来生成当前页面的二维码很方便。 示例: <!DOCTYPE html>   <html>   <head>     <title>jquery生成当前页面的二维码</title>     &l...
2016年01月11日 前端设计 暂无评论 喜欢 2 阅读 0 views 次 阅读全文

mac中PopClip插件开发实例

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全选、反选例子

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

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

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

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

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

jQuery中closest和parents的区别

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 次 阅读全文