jQuery实现商品楼层的感觉

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery滚动面板的实现</title> <script type="text/javascript" src="js/jquery-1.8.2.js"></script> <style…

jQuery右侧悬浮楼层滚动电梯菜单

http://www.kaiu.net/effectCon.aspx?id=2198 <!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery右侧悬浮楼层滚动代码 - 开优网络</title> <script type="text/javascript" src="js/jquery.min.js&quo…

jquery实现商品sku多属性选择（商品详情页）

转载于https://blog.csdn.net/csdn924618338/article/details/51455595 实现效果源码 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>商品SKU选择DEMO3</title> </head> <body> <st…

jQuery实现商品详情详细参数页面切换

利用index实现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .hide{display:none;} .item{ height: 38px; width: 800px; border: 1px solid #dddddd; margin:…

转载,原文链接功能:各种属性的值选中后,SKU填写表格进行变动,对属性.属性值的数量自适应,编辑时不因去掉勾选导致原有值不显示所有代码均属原创,现在共享,如果有更好的实现方式,希望互相交流最终实现效果图 HTML代码   <div class="row cl"> <label class="f…

jquery的商品首页

js代码: $(function() { /*新闻滚动*/ var $this = $('.scrollNews'); var scrollTimer; $this.hover(function () { clearInterval(scrollTimer); }, function () { scrollTimer = setInterval(function () { scrollNews($this); }, 3000) }).trigger('mouseleave'); // *模块展开…

商品描述（动画）--- jQuery

本文章实现是基于jQuery展示商品描述的一个功能 (1)鼠标移入显示描述内容,鼠标移开内容隐藏.先来看看一个先后效果. (2)jQuery所以的文件可以自行下载,也可以在我主页找到文件,右键文件名复制链接,又或者联系我. (3)效果是带动画的,animate() 是jQuery里封装好的动画函数. 1.鼠标未移入时,也就是默认打开状态 2.鼠标移入效果那接下来直接上代码 html代码: 注:每个li表示一个商品,ul是商品列表 <div class="wrapper"&…

Jquery开发电商网站实战（带源码）

组件化思想,包含: 下拉菜单项封装 + 按需加载搜索功能组件化,显示数据 + 下拉显示 + 缓存分类导航按需加载幻灯片效果组件封装及按需加载商品楼层模块组件化 + 商品数据按需加载 + Tab选项卡 + 电梯结构是时候放出大长图了!!! index.html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title&…

jQuery学习之路（1）-选择器

▓▓▓▓▓▓ 大致介绍终于开始了我的jQuery学习之路!感觉不能再拖了,要边学习原生JavaScript边学习jQuery jQuery是什么? jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优…

《锋利的jQuery》（第2版）读书笔记4

第9章 jQuery Mobile jQuery Mobile是用来填补jQuery在移动设备应用上的缺憾的一个新项目. 它基于jQuery框架并使用HTML5和CSS3这些新的技术,除了能提供很多基础的移动页面元素开发功能外,框架自身还提供了很多可供扩展的API,以便于开发人员在移动应用上使用. 在移动框架方面,除了jQuery Mobile之外,还有很多移动框架可选. jqMobi是基于jQuery重写的,适用于iOS和Android等移动设备的JavaScript框架,它含有jQuery…

百度地图API 与 jquery 同时使用时报 TypeError $(...) is null错误失效的原因及解决办法

在引用百度地图API后,发现jquery 根据id 找不到 form.但是对于别的控件没有问题. 在排除了 html加载的问题后. 上网查找发现以下解决办法: 原因应该是有冲突的插件. 解决办法将 $符号改为jQuery 引用: http://www.phpernote.com/jquery/851.html 最近在工作中发现个问题,原本好好的网页,写了一些自己的jquery代码之后,竟然总是不起作用,无论写的多么简单,都不起作用,似乎 jquery失效了一般,在火狐下调试看了下,页面报Typ…

jQuery问题：$XXX is not a function

用火狐浏览器打开,js代码一段不执行,F12以后看见下面的错误: 网上查看说是jQuery文件引用的问题,把jQuery.js引入语句修改了一下,果然没有错了. 我原来的引用语句是:<script type="text/javascript" src="jquery.js"></script> 修改后的引用语句是:<script type="text/javascript" src="http://libs…

jQuery入门[1]－构造函数【转载】

最近看了一些jquery的进阶教程,感觉很不错,与大家分享下! jQuery——构造函数 ◦体积小(v1.2.3 15kb)◦丰富的DOM选择器(CSS1-3 + XPath) ◦跨浏览器(IE6,FF,Safari,Opera)◦链式代码◦强大的事件.样式支持◦强大的AJAX功能◦易于扩展,插件丰富 jQuery的构造函数接收四种类型的参数: jQuery(expression,context) jQuery(html) jQuery(elements) jQuery(fn) 第一种根据表达式…

JQuery整体大纲

今天公司放假,闲的无聊,就总结了一套JQuery的笔记,我感觉更像是大纲,在这里跟大家分享一下,这是我的成果: 这个就是我的劳动成果了,说实话真是不容易,为了做这个东西,翻阅了很多以前做过的笔记,发现有好多细节上的东西被淡忘了,还好现在回来捡了,我相信还有很多的同行们跟我一样学过不止一门的编程语言,然而在工作中只会把其中的一门或者两门技术越用越精,渐渐的其它语言被淡忘,所谓温故而知新,希望大家跟我一样回头捡一捡挺有意思的!…

2015第19周四jquery版本

今天用到一个jquery插件,发现最新版需要jquery2.0以上版本才行,而目前项目在用的版本是1.8.3,自然无法使用,刚看了jquery的主要版本和差异,直接百度搜索无满意结果,最后在百科中给出了较详细的说明. jQuery 1.0 (2006年8月):该库的第一个稳定版本,已经具有了对CSS选择符.事件处理和AJAX交互的稳健支持.jQuery 1.1 (2007年1月):这一版大幅简化了API.许多较少使用的方法被合并,减少了需要掌握和解释的方法数量.jQuery 1.1.3 (200…

Atitit.jquery 版本号新特性attilax总结

Atitit.jquery 版本号新特性attilax总结 1. Jq1.4 1 2. 1.5 1 3. 1.6 3 4. Jq1.7 3 ⒉提升了事件委派时的性能有了大幅度的提升.尤其是在ie7下: 4 ⒊更好的在 ie 6/7/8 上支持 html5: 4 ⒋切换动画更加直观. 4 ⒌匿名模块定义 awd 4 ⒍jQuery.Deferred 4 ⒎jQuery.isNumeric() 4 5. Jq1.8 5 5.1. jQuery 1.8 5 5.1.1. 可定制 5 5.1.2. 自己…

一句话告诉你JQuery $(this)到底指的是什么，怎么用

看了网上好多关于jquery $(this)的解释,感觉都说的很模糊. 下面说出我自己的理解. this表示的是当前对象,下面以例子来说明 <!DOCTYPE html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> <script> $(document).read…

读懂jquery

作者:豪情链接:https://www.zhihu.com/question/20521802/answer/25363285来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 依读了2周jQuery源码的人感觉来说,完全理解jQuery,就拿jQuery 1.11这个版本10337行代码来说,水平已经很不错了.谦虚点说,已经入门.骄傲点,国内领先水平.但其码我感觉是js架构之路起行的第一步,完全理解源码,说明有独立构建或组织大型web前端框架的能力和基础.然后看看完…

jQuery首页更换背景皮肤

昨天做了一个jQuery首页更换背景皮肤,感觉还是挺不错的,一共需要两个文件,一个是我们写的HTML文件,我们起名叫做index.html,一个是我们引入的jQuery文件,我们起名叫做jQuery.js 1.jQuery.js /*! jQuery v1.11.1 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */ !function(a,b){"object"==typeof module&&am…

Jquery UI的日历控件datepicker限制日期(转)

网上找到这篇文章:http://www.jssay.com/blog/index.php/2010/04/27/%E5%A6%82%E4%BD%95%E7%A6%81%E7%94%A8datepicker%E7%9A%84%E6%97%A5%E6%9C%9F/ 现在jquery用的很广泛,一方面是其强大的库,另一方面是它的插件很丰富.最近用了jquery的datepicker插件,感觉很棒,界面很漂亮,功能齐全,且扩展性很好.强烈推荐使用. 项目中有一个需求,要禁用某些日期,比如周末,节假日.看…

jQuery插件制作方法详解

jQuery插件制作方法详解 jquery插件给我的感觉清一色的清洁,简单.如Jtip,要使用它的功能,只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以了.其他事情插件全包.我喜欢jquery的一个重要原因是发现她已经有了很多很好,很精彩的插件.写一个自己的jQuery插件是非常容易的,如果你按照下面的原则来做,可以让其他人也容易地结合使用你的插件. jquery插件给我的感觉清一色的清洁,简单.如Jtip,要使用它的功能,只需要在你的元素的clas…

浅入浅出---JQuery究竟是什么？

学习完了JQuery之后.我便感觉云里雾里的,JQuery究竟是什么.朦朦胧胧感觉到JQuery应该是javascript函数的封装.就应该像WinForm窗口应用程序中能够调用的系统函数,据之前所学的javascript.知道JavaScript是一种镶嵌在HTML文档中的一种脚本语言. <body> <formid="form1" name="form1" method="post" > <label for=&…

jQuery实现的手机发送验证码倒计时效果代码分享

这是一款基于jquery实现的手机发送验证码倒计时效果代码,可实现实时显示秒数倒计时的功能,还可实现对手机号码格式验证的功能,是一款常用的网站注册发送手机验证码特效代码. 效果描述:注册一个网站,当需要发送验证码到手机上的时候,我们经常碰到这样的效果:首先检测手机是否符合1开头,11位数字的格式:若不符合,则提示错误信息并返回false:否则提交给后台,后台确定接收后返回一个值,发送按钮变为灰色并倒计时. 运行效果: 年利率高达14.4% 上海投融理财,20万起投,年化收益14.4% 房产抵押,…

我的Jquery参考词典

由于工作主要用到Asp.net Mvc+Jquery,最近也看了一些Jquery的书籍,在此总结以备回顾. 已读书籍:<Jquery In Action> 主要讲了些Jquery语法以及API用法,感觉不错. <Javascript the Missing Manual> 前半部分讲了下JS语法,感觉不错,后半部分讲了Jquery插件,没劲. 感觉读有些书还是不要太细了,浪费了很多时间,结果所获寥寥.我感觉自己比较适合泛读书然后实践加深理解. Jquery Javascript是一…

Atitit.jquery 版本新特性attilax总结

Atitit.jquery 版本新特性attilax总结 1. Jq1.4 1 2. 1.5 1 3. 1.6 3 4. Jq1.7 3 ⒉提升了事件委派时的性能有了大幅度的提升,尤其是在ie7下: 4 ⒊更好的在 ie 6/7/8 上支持 html5: 4 ⒋切换动画更加直观: 4 ⒌匿名模块定义 awd 4 ⒍jQuery.Deferred 4 ⒎jQuery.isNumeric() 4 5. Jq1.8 5 5.1. jQuery 1.8 5 5.1.1. 可定制 5 5.1.2. 自动生…

数组方式使用jQuery对象

一. 使用jQuery选择器获取结果是一个jQuery对象.然而,jQuery类库会让你感觉你正在使用一个定义了索引和长度的数组.在性能方面,建议使用简单的for或者while循环来处理,而不是$.each(); 这样能使你的代码更快. console.time('array');var array = ["Aaa","Bbbb","Cccc"]; $.each(array, function(i){ //array[i] = i; consol…

jquery源码学习笔记三：jQuery工厂剖析

jquery源码学习笔记二:jQuery工厂 jquery源码学习笔记一:总体结构上两篇说过,query的核心是一个jQuery工厂.其代码如下 function( window, noGlobal ) { var jQuery = function( selector, context ) {//首先定义一个内部jQuery.注意,此jQuery只是一个工厂内部的变量,并非我们在外面引用的那个jQuery或$ return new jQuery.fn.init( selector, cont…

[转]jQuery不同版本区别

原文转载自csdn:http://blog.csdn.net/u010167032/article/details/23666145 了解不同版本之间的差异,与助于选择适合自己项目的版本. ⒈4重要新特性 ·常用方法的性能大幅提升:重写了大部分较早期的函数: ·更容易使用的设置函数(setter function):为所有对象新增了许多易用的设置函数: ·对Ajax的改进:引入了许多Ajax和JSON处理方面的更新,包括HTML5元素的序列化: ·attribute(改进了.attr()的性能)…

10款基于HTML5+CSS3实现的超酷源码动画

1.基于Bootstrap的jQuery登录表单这是一款基于Bootstrap的登录表单,表单的外观自然不用说,沿用了Bootstrap的风格,非常漂亮.这款登录表单有一个经过CSS3处理过的头像图片,同时还有HTML5表单字段的简单验证,CSS3的使用,让整个登录表单的投影显得更加立体. 在线演示源码下载 2.很酷的CSS3多窗口邮件阅读器这是一款非常炫酷华丽的CSS3邮件阅读器界面,它的特点是你可以同时点开多个邮件,而不必跳转页面.当你阅读完后可以点击关闭按钮关闭当前邮件的窗口.对于这…

IE8，9下的ajax缓存问题

最近在做一个网站的登录注册框,前端使用了jquery.由于sign和login不是在单独的页面上,而是以一个弹出框出现.所以决定使用ajax来实现注册和登录功能.本以为可以一帆风顺,结果在测试的时候发现了奇怪的问题. 在用chrome , ff , IE10+测试的时候基本没问题,但在IE8,9上运行时却出现了输入正确的用户名和密码不能登录的情况.一开始还以为是session丢失了,开始吐槽后台的框架. 但是在耐心的调试后,发现session并没有丢失.这下可急死我了,难道混了这么久连一个注册登…