jquery简单购物车结算功能例子

jquery简单购物车结算功能例子
现在的网站购物车用到了php与jquery 动态与脚本相互结合进行操作了,这个用户体验会好许多了,下面我们一起来看一个例子。 今天在做购物车的页面,遇到结算的功能. 暂时先做了点击加减数量的时候,金额变化的功能,废话不多说,贴上代码: <div class="sc-mid-box">       <div class="sc-mid-list fl">       &nb...

jquery 提示框插件SweetAlert的使用例子

jquery 提示框插件SweetAlert的使用例子
提示框最简单的就是alert了,这种弹出现在还在应用但要讲究漂亮的话估计都使用插件去了,今天我们来看一个jquery 提示框插件SweetAlert使用教程。 SweetAlert可以替代Javascript原生的alert和confirm等函数呈现的弹出提示框,它将提示框进行了美化,并且允许自定义,支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。 jquery 提示框插件SweetAlert的使用例子 准备工作: ...

JQ插件zclip复制到剪切板的几个例子

JQ插件zclip复制到剪切板的几个例子
zclip插件可以实现兼容所有浏览器把内容复制到剪切板中了,既然这么有用我们就一起来看看zclip插件的使用教程。 复制到剪切板的功能,在我们分享网址,邀请朋友的时候会用到,而针对IE浏览器我们有很好的办法,但随着用chrome浏览器的人越来越多,我们就需要写出兼容各大浏览器的代码,现在为大家介绍一个jquery的插件zclip,专门用来处理复制功能的,用法很简单。 html: <script src="js/jquer...

jquery把form表单保存成对象传给接口

jquery把form表单保存成对象传给接口
如果你使用了jquery我们有许多方法可以把表单变成对话或序列化了,下面一起来看一些关于jquery把form表单保存成对象传给接口的例子。 在模板式开发时,我们form表单可以直接提交到服务器相应的方法,服务器就可以进行处理,但在新的移动端,用的比较多的是以json数据格式的传输,和服务器端的接口交互,这样我们需要把传统的form表单元素组合成我们想要的对象,再传输给接口。 下面是个例子: <form&n...

jQuery next()方法的使用详解

jQuery next()方法的使用详解
next()如果说英文就是下一个的意思,在jquery中next()方法的作用也就差不多下一个节点或下一个对象了,下面我们来看看next()用法。 调用 next() 方法的 jQuery 对象可以分为两种,一是单一的对象,二是对象的集合,下面分开说明: jQuery 对象单一: 假设以下 HTML 代码: <div id="wrapper">       <ul class="nav">     &nbs...

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

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

深入分析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(...

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

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

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

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

jquery Slider Revolution插件使用实例

jquery Slider Revolution插件使用实例
Slider Revolution插件是一款非常强大的插件了,我们可以利用它来制作出各种效果并且还支持移动设备,支持手机触摸,键盘翻页;它内置幻灯、视频播放计时器等等效果,具体我们来看看。 jquery Slider Revolution插件使用实例这是一款非常强大的内容切换插件,它基于jQuery,它充分响应,支持移动设备,支持手机触摸,键盘翻页;它内置幻灯、视频播放计时器,它拥有各种模式:自定义,自动响应,全屏;它有...

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

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

js实现鼠标移上去显示图片或微信二维码
其实文章介绍的js实现鼠标移上去显示图片或微信二维码效果就是一个显示隐藏效果了,只是在图片或元素中绑定的事件了,具体我们多说无凭了,看例子。 例子: <html>   <head>   <script type="text/javascript">   function  showImg(){   document.getElementById("wxImg").style.display='block';   }  ...

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

jquery实现点击出现下拉页面可以收缩例子
jquery要实现下拉与可收缩的效果我们只要用到slideToggle方法就可以实现了具体的给各位介绍一个例子,希望例子对各位有用。 有时候我们需要点击一个文字或者图片的时候出现一个下拉的页面,再点击就会收缩回去,比如需要一个隐藏的表单,点击某处才出来的时候,今天分享下这个相关代码!做之前需要加载一个jquery,(点击下载) <script src="js/jquery-1.4.2.min.js"></script> ...

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

jQuery通过数组存储关联值显式操作Checkbox
本文我们来分享一下jQuery显式操作Checkbox,并用数组存储关联值的方案,对需要关联操作Checkbox的朋友可以参考一下。 应用场景:当需要由多个表数据关联得到某一具体数值时,下例是一种解决的思路和方案。 /**   * 显式选中清空Checkbox(jQuery代码)   *    */   var obj = $(':checkbox');      obj.on('click'...

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

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

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

完整的jquery全选/取消全选示例效果
jquery取消全选与全选按钮比起js要简单多了,我们可以直接使用attr与removeAttr方法来给checkbox增加或删除checked事件的真假了,具体如下 由于这两个比较简单,我就直接上代码吧: //全选/取消全选   $('#quanxuan').toggle(function () {       $("input[name='abc']").attr("checked", 'true');   }, function () {...

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

jQuery中animate方法简单用法

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

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

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

mac中PopClip插件开发实例

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