夏日博客

jquery仿苹果手机IOS开关效果

jquery仿苹果手机IOS开关效果
现在手机流行的对功能的一个开关操作了，我们在网页前段也来为各位介绍一下关于开关效果在html中的实现方法，具体如下,首先定义一个外层div，里面的设置一个span作为按钮可以点击，当点击它的时候，使用动画让它向右滑动，在滑动的同时，可以更改一些其他属性，达到更好的效果. <div class="switch-btn">       <span class="kx-img switch-img-...
2016年01月12日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery验证手机号码及格式化的例子

jquery验证手机号码及格式化的例子
验证手机号码不管是用js还是jquery其实操作起来都是非常的简单的了，那么如果还需要格式化要如何做到呢，这里小编来为各位介绍一篇验证手机号码jquery代码。 我们常用的验证手机号码的js --jquery手机号验证 //<a href="/tags.php/%CA%D6%BB%FA%D1%E9%D6%A4/" target="_blank">手机验证</a>       function isMobil(s)     &n...
2016年01月12日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery实现模仿淘宝购物车结算两个例子

jquery实现模仿淘宝购物车结算两个例子
购物车在最初的用法就是一个页面了而到了现在的淘宝网它的购物车非常的人性化并且好用了，下面我们来看jquery实现模仿淘宝购物车结算两个例子，希望对各位有帮助。 这篇文章里，将会提到购物车里的所有功能。包括全选、单选金额改变。在增加数量时金额也会相应改变。 说下大致的思路吧: 1、首先是计算一行的价格。这个功能在上篇博客里有提到，这里就不列举出来了。 2、遍历选中的几行，将每行的数值相加。...
2016年01月12日 前端设计 暂无评论 喜欢 7 阅读 0 views 次 阅读全文

jquery/js ajax 跨域4种方法

jquery/js ajax 跨域4种方法
ajax跨域对于现在的web开发来讲用到非常的多同时现在关于ajax跨域的实现方法也不少了，下文来为各位整理4种ajax跨域实现方法,关于ajax跨域问题,今天整理了一下,其实还有其他办法了,个人推荐以下4种,请参考:ajax 跨域实例. 一，传统的ajax方法 1，js代码 $("#ajax").click(function(){      $.ajax({      type: "POST",    ...
2016年01月12日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

JS提交对象数组到C#服务端的两个方法

JS提交对象数组到C#服务端的两个方法
本文我们分享两个Jquery提交对象数组到C#服务端的的方法，后面还分享了另外一篇Jquery ajax传递对象（数组）到后台并解析的实现方案。 方法一:利用ajax 1) 客户端js代码： //获取对象数组   function GetQAS() {       var stuAnswerList = [];       var stuAnswer = { 'answerI...
2016年01月12日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery DOM操作总结教程

jQuery DOM操作总结教程
本文我们总结了jQuery操作DOM的事件，及jQuery针对DOM插入操作的方法，这些都是jQuery高级技巧，学习jQuery可以掌握。 页面加载之DOMReady事件: 所谓domReady,也就是文档就绪，我们都知道，在操作dom时必须要在dom树加载完成后才能进行操作。如何检测DOM树已经构建完成，以下是一些实现的方式： 1.使用jQuery： // with jQuery   $(document).ready(function(){ /* ...&n...
2016年01月12日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery zclip兼容多浏览器文字复制

jquery zclip兼容多浏览器文字复制
文字复制在js中许多简单的代码但那些代码兼容性都不强了，如果想兼容多浏览器我们可以使用jquery zclip来实现了，而jquery zclip是基于Flash插件了，下面我们就一起来看一个jquery zclip兼容多浏览器文字复制例子,zclip是一款基于Flash的jquery插件，所以浏览要安装Adobe Flash Player。要有一个统一的copy功能，各浏览器都要兼容，开发成本比较高，主要是各浏览器没有统一的标准，也由于安全性的原因,请查...
2016年01月12日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

解决uploadify 发送多余请求的问题

解决uploadify 发送多余请求的问题
uploadify是一款上传插件了我们可以使用uploadify来实现无刷新+进度条上传效果了，但在使用uploadify时有朋友检测到uploadify会同时发送多次请求了，那么要如何解决uploadify多次请求问题，具体操作如下。 使用 uploadify 上传控件上传图片时，发现当uploadify.swf加载完成后会再次发送一个请求，假设当前页的URL是 /upload-test.php, 那么可以在浏览器中发现这个地址/demo/的请求。想要让其不发送这个多余...
2016年01月12日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery on() 方法绑定动态元素的例子

jquery on() 方法绑定动态元素的例子
on()函数用于为指定元素的一个或多个事件绑定事件处理函数了，从jQuery 1.7开始，on()函数提供了绑定事件处理程序所需的所有功能，用于统一取代以前的bind()、 delegate()、 live()等事件函数了，下面一起来看几个jquery on() 方法绑定动态元素的例子. 即使是执行on()函数之后新添加的元素，只要它符合条件，绑定的事件处理函数也对其有效。 此外，该函数可以为同一元素、同一事件类型绑定多个事件处理函数...
2016年01月12日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

Jquery中live支持多次click事件的实例

Jquery中live支持多次click事件的实例
live() 方法为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素）。 Jquery中live支持多次click事件的实例如下: <script>       $(function(){               $('#...
2016年01月12日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

JQUERY.COOKIE插件的基本用法

JQUERY.COOKIE插件的基本用法
JQUERY.COOKIE是一个集成了js的cookie操作的一个插件了，此插件使用简单并且可以达到对cookie读写删除操作，下文为各位深入的介绍。 jQuery.cookie的基本用法: Include script after the jQuery library (unless you are packaging scripts somehow else):   <script src="/path/to/jquery.cookie.js"></script&g...
2016年01月12日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

用jQuery实现的购物车自动结算付款金额的实例源

用jQuery实现的购物车自动结算付款金额的实例源
我们在淘宝网购物进入购物车时，如果修改了商品数量，或者删除了商品，付款总金额会自动结算，现在我们来用jQuery模拟实现这个功能，后面有全部源码。 jQuery实现购物车表单自动结算，用户把所购商品的数量输入进去，就可以自动计算出商品总额，金额+运费，类似淘宝的购物车结算功能，计算过程是适时的，用jquery实现了Ajax不刷新网页就计算的功能，做购物类网站的或许可以用上这个例子。 全部源代码如下: ...
2016年01月12日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery中animate列表滚动效果代码

jquery中animate列表滚动效果代码
animate在jquery中的作用是animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果，下面来看一些关于animate的例子。 最简单的animate例子 方式一:以“属性名/值”对象的方式定义动画终止样式属性。例如:$("div").animate( {width:"1000px"}) 以上代码能够将div从原有的宽度调整到1000px。也可以一次性使用多组“属...
2016年01月12日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery Bootstrap组件实现进度条示例代码

jquery Bootstrap组件实现进度条示例代码
jQuery UI Bootstrap 是一款 基于Bootstrap样式的 jQuery UI 控件了，我们下面一起来看看这插件实现的进度条效果，具体例子如下。 .progress——指定div包裹进度条组件； .progress-bar——设置div为进度条样式； .progress-bar-info、.progress-bar-warning、.progress-bar-success、.progress-bar-danger——设置进度条的情境效果； .pregress-bar-striped——设置进度条具有条纹效果； .active——可设置进度条的...
2016年01月12日 前端设计 暂无评论 喜欢 1 阅读 0 views 次 阅读全文

jQuery对P标签的操作的几个小实例讲解

jQuery对P标签的操作的几个小实例讲解
本文我们分享几个使用jQuery操作p标签的几个实例，实例包括：根据id获取元素本身（Object对象）的方法，jquery为每个p标签增加onclick方法，如何为jquery动态生成的p标签添加动态文本内容? 注:以下代码均通过W3School在线测试。 根据id获取元素本身（Object对象）的方法： $("#id"); 例如: <!DOCTYPE html>     <html>     <head> ...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery静态方法 type/noConflict 使用和源码分析

jQuery静态方法 type/noConflict 使用和源码分析
本教程我们来讲解一下 jQuery 静态方法 type 及 noConflict 的使用及源码分析，type() 是检测数据类型的工具方法， noConflict() 让渡变量 $ 的 jQuery 控制权,jQuery.type方法是检测数据类型的工具方法，在分析其用法之前先总结下js给我们提供了那些监测数据类型的方法. 一、typeof 操作符 下面是测试代码: var data=[],a='123',b=0,c=true,d={1:23},e=[123],f=function(){},g=null,h=undefined,i...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery animate step实现css3属性动画

jquery animate step实现css3属性动画
animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果,下面我们一起来一个jquery animate step实现css3属性动画的例子。 jquery animation的工作原理是通过将元素的css样式从一个状态改变为另一个状态。css属性值是逐渐改变的，这样就可以创建动画效果。 但是animate方法下，只有数字值可创建动画（比如 “top:3...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

基于jQuery实现多条件筛选实现程序

基于jQuery实现多条件筛选实现程序
按条件筛选我们许多是使用php传参数来实现了，但在当前界面我们可以使用js来实现了，下面我们来看一个基于jQuery实现多条件筛选实现程序，希望文章能够对各位带来帮助，有兴趣的可以进来看看。 我们在电商平台购买商品时，在商品列表页根据品牌、款式、价格范围等条件进行筛选查询，当点击某个条件时，在页面上会显示用户所选择的条件集合，并且将对应的符合条件的商品信息展示出来。那么今天我们使用jQuer...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery.load() 和 append 同时使用上的区别

jquery.load() 和 append 同时使用上的区别
jquery.load() 和 append 都可以给指定的div元素添加数据了但jquery.load()是全部替换，而append是在原有的基础上进行添加了，下面我们来看个们的例子。 jQuery 事件 - load() 方法 当指定的元素（及子元素）已加载时，会发生 load() 事件。 实例:当图像加载时，改变 div 元素的文本. $("img").load(function(){     $("div").text("Image loaded");   }); &nb...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery卸载全部事件的思路及实例

jquery卸载全部事件的思路及实例
有时我们的网页要求删除全部事件，不过js不支持匿名卸载事件，我们可以用jq来实现，本文提供了实现思路及删除已经存在事件的实例,原生js不支持匿名卸载事件的,jquery为了开发者好用支持了匿名的. 匿名事件的思路 首先她会判断目标是否是元素或者对象,如果是元素,则在元素上打一个标识(expando)然后值是生成的一个guid,并在缓存对象下建立一个缓存,比如: $.cache={       ...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文