leezhxing

2014年11月3日

jQuery.cookie.js

摘要：一、jQuery.Cookie.js插件是一个轻量级的Cookie管理插件。下载：http://github.com/carhartl/jquery-cookie/zipball/v1.4.1 特别提醒，今日发现一个特别的错误，google浏览器提示：has no method $.cooki... 阅读全文

posted @ 2014-11-03 15:41 leezhxing 阅读(431) 评论(0) 推荐(0) 编辑

锋利的jQuery-5--下拉框的应用（看写法）

摘要：如图，可以通过中间的按钮将左边选中的选项添加到右边，或者全部添加到右边，也可通过双击添加。反之也可以。左边选中加到右边：$("#add").click(function(){ //添加按钮点击事件 var op = $("#select1 option:selected"); //获取选中... 阅读全文

posted @ 2014-11-03 12:39 leezhxing 阅读(194) 评论(0) 推荐(0) 编辑

2014年10月31日

锋利的jQuery-4--图片切换的一个例子（自己理解后写的，以备忘记时看看）

摘要：一个动画切换的效果，如图：分析步骤：1.点击左右的箭头图片滚动，左边的小点变化。2.主要问题是当滚到最后一屏时切换回第一屏，第一屏在向前滚动是切换到最后一屏：通过判断图片的总数然后除以每屏显示的数量得到最大屏数，根据当前处于第几屏判断如何滚动。3.左边的小点切换问题：根据当前的屏数，通过eq(... 阅读全文

posted @ 2014-10-31 14:54 leezhxing 阅读(349) 评论(0) 推荐(0) 编辑

2014年10月30日

锋利的jQuery-4--动画方法总结简表

摘要：阅读全文

posted @ 2014-10-30 12:16 leezhxing 阅读(141) 评论(0) 推荐(0) 编辑

锋利的jQuery-4--停止动画和判断是否处于动画状态(防止动画加入队列过多的办法)

摘要： 1.停止元素的动画：stop([cleanQueue, gotoEnd]):第一个参数代表是否要清空未执行完的动画队列，第二个参数代表是否直接将正在执行的动画跳转到末状态。无参数stop()：立即停止当前的动画，如果接下来还有动画则以当前状态开始接下来的动画。举例：为元素绑定hover事件之后，如果... 阅读全文

posted @ 2014-10-30 11:36 leezhxing 阅读(683) 评论(0) 推荐(0) 编辑

2014年10月29日

锋利的jQuery-4--animate()的用法

摘要： 1.一般动画：$("btn").click(function(){ $("div").animate({"left" : "+=300px"}, 300); //需要div设置了元素的position属性，否则不管用});2.多重动画：元素在向右滑动的同时，放大元素的高度。$("btn").... 阅读全文

posted @ 2014-10-29 19:55 leezhxing 阅读(205) 评论(0) 推荐(0) 编辑

2014年10月27日

锋利的jQuery-4--给事件添加命名空间

摘要：可以把为元素绑定的多个事件用命名空间规范起来。$(function(){ $("p").bind("mouseover.plugin", function(){}); //命名空间的mouseover $("p").bind("click.plugin", function()... 阅读全文

posted @ 2014-10-27 18:56 leezhxing 阅读(172) 评论(0) 推荐(0) 编辑

锋利的jQuery-4--trigger()和triggerHandler()

摘要： trigger()方法触发事件后，会执行浏览器默认操作。$("input").trigger("focus")以上的代码不仅会执行input绑定的focus事件，也会使input元素本身得到焦点（这是浏览器的默认行为）如果想阻止浏览器的默认行为：$("input").triggerHandler("... 阅读全文

posted @ 2014-10-27 18:44 leezhxing 阅读(150) 评论(0) 推荐(0) 编辑

锋利的jQuery-4--阻止事件冒泡和阻止默认行为

摘要：阻止事件冒泡：如果嵌套元素分别有自己的click事件，当点击内层元素时外层元素的事件也会被触发。$("span").bind("click", function(event){ //代码 event.stopPropagation(); //通过bind创建的事件对象event来执行} )... 阅读全文

posted @ 2014-10-27 17:38 leezhxing 阅读(199) 评论(0) 推荐(0) 编辑

锋利的jQuery-4--$(document).ready()和window.onload方法的区别

摘要： jQuery中的$(document).ready()和JavaScript中的window.onload方法主要有两个方面的不同：1.执行时机：onload : 网页中所有的元素和元素的关联文件(包括图片)等完全加载完毕后才执行。$() : 在dom完全加载完毕后就可调用，此时，网页中的所有元素都... 阅读全文

posted @ 2014-10-27 14:54 leezhxing 阅读(271) 评论(0) 推荐(0) 编辑

公告