摘要：
1. Zepto 对象 不能自定义事件例如执行：$({}).bind('cust', function(){});结果：TypeError: Object #has no method 'addEventListener'解决办法是创建一个脱离文档流的节点作为事件对象：例如： $('').bind(... 阅读全文
随笔分类 - jQuery
jquery对象互转DOM对象方式
2014-01-19 21:27 by 臭小子1983, 363 阅读, 收藏,
摘要：
一、JQuery对象转换成DOM对象。JQuery对象不能使用DOM中的方法，如果对JQuery所提供的方法不熟悉，或者JQuery中并没有封装自己想要的方法，不得不使用DOM对象的时候，有两种处理方法： 1、JQuery对象是一个数组对象，可以通过[index]和get(index)得到相应的D... 阅读全文
jQuery代码优化：事件委托篇
2014-01-02 21:44 by 臭小子1983, 168 阅读, 收藏,
摘要：
http://www.ituring.com.cn/article/377 随着DOM结构的复杂化和Ajax等动态脚本技术的运用，事件委托自然浮出了水面。jQuery为绑定和委托事件提供了.bind()、.live()和.delegate()方法。本文在讨论这几个方法内部实现的基础上，展示它们... 阅读全文
jQuery性能优化
2012-04-19 15:17 by 臭小子1983, 201 阅读, 收藏,
摘要：
加载jQuery1.坚持使用CDN来加载jQuery，这种别人服务器免费帮你托管文件的便宜干嘛不占呢。点击查看使用CDN的好处，点此查看一些主流的jQuery CDN地址。2.安全起见，最好还是提供一个本地备份以便在无法从远程CDN服务器获取jQuery时网站也能工作，如上面代码所示。详情见此。3.... 阅读全文
Jquery中使用定时器setInterval和setTimeout - 重要
2012-04-15 15:45 by 臭小子1983, 65251 阅读, 收藏,
摘要：
直接在ready中调用其他方法，会提示缺少对象的错误，解决方法如下：方法1. 函数不在$(function(){....})内，setInterval第一个参数为"showAtuto" <script type="text/javascript">var t,n,count = 0;$(function(){ t = setInterval("showAuto()", 1000); })function showAuto(){ $('#ind').html(count++);}</script> 阅读全文
/****************** 收集常用-重要 *********************/
2012-04-03 00:33 by 臭小子1983, 337 阅读, 收藏,
摘要：
一、获取窗口1 $(window).height() //浏览器时下窗口可视区域高度 2 $(document).height() //浏览器时下窗口文档的高度 3 $(document.body).height() //浏览器时下窗口文档body的高度 4 $(document.body).outerHeight(true) //浏览器时下窗口文档body的总高度 包括border padding margin 5 $(window).width() //浏览器时下窗口可视区域宽度 6 $(document).width()... 阅读全文
jQuery 插件列表
2012-03-16 15:12 by 臭小子1983, 210 阅读, 收藏,
摘要：
概述jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有 阅读全文
jQuery 中如何判断对象是否存在
2012-03-15 15:30 by 臭小子1983, 205 阅读, 收藏,
摘要：
如果是下面的 jQuery 代码判断一个对象是否存在，是不能用的。if($("#id")){ }else{} 因为 $(“#id”) 不管对象是否存在都会返回 object 。正确使用判断对象是否存在应该用：if($("#id").length>0){}else{} 使用 jQuery 对象的属性 length 来判断，如果 > 0 就存在。或者 if($("#id")[0]){} else {} 或者直接使用原生的 Javascript 代码来判断： if(document.getElementByIdx_x(" 阅读全文
20篇教你得到酷炫效果的JQuery教程
2012-03-13 17:14 by 臭小子1983, 407 阅读, 收藏,
摘要：
我们都喜爱jquery带来的梦幻效果。本之列举的教程标题不同，但它们都带有不同的酷炫视觉效果。跟着它们逐步重建你的设计，又或是将这些令人震憾的特效融入你的设计中。Making a Beautiful HTML5 Portfolio想打造一个让人过目不忘的专属网络文件夹?这个特效是不错的示例。流行的相片墙加上简洁的特效，没有啰嗦的文字堆砌，立刻抓住用户的注意力。Apple-like Retina Effect With jQuery当苹果的产品席卷全球时，也是时候让自己的设计也苹果一把啦！“爱疯”造型的内容显示块是不是很酷？JQuery打造的放大镜特效自然是锦上添花！Shutter Effect 阅读全文
11个jQuery表单元素美化插件(转)
2012-03-13 17:13 by 臭小子1983, 242 阅读, 收藏,
摘要：
因为浏览器兼容性的原因，表单元素往往是整个网页设计过程中最难以美化的，尤其是单选按钮、下拉选择框和复选框。不过我们可以通过jquery来美化它样。下面为大家推荐11个简单易用的jQurey插件，其中既有干净小巧的按钮，也有独特的iphone风格的棒形按钮切换，相信它们能帮助你打造自己的表单版式。Fancy checkboxes and radio buttons with CSS带圆角矩形的Checkbox较传统风格,更显得柔和；同时在鼠标选择处增加了阴影和高亮，增强了控件的质感与美观。jqTransform清爽、简约的外观与系统默认的控件外观非常类似，但是带有一定灰度的checked状态配合 阅读全文
20款Web开发者必备的jQuery插件,超赞! (转)
2012-03-13 17:12 by 臭小子1983, 163 阅读, 收藏,
摘要：
Lettering.js是一个轻量经的、易于使用的jQuery插件，可创造出极具个性的网页排版，是2010年最佳jQuery插件之一。演示 | 下载New FancyMoves Jquery Product SliderJquery Product Slider是一款效果很不错的产品幻灯片插件。演示 | 下载Jquery Space GalleryJquery Space Gallery是一款很有空间感的图片库插件。演示 | 下载Fancy Thumbnail Hover Effect这是一款非常不错的Hover效果插件。演示 | 下载Jquery Inline Form Validation 阅读全文
16个最流行的 JavaScript 框架推荐
2012-03-13 16:54 by 臭小子1983, 218 阅读, 收藏,
摘要：
这篇文章列举了当下最流行的16个 JavaScript 框架，既包含 jQuery 和 Mootools 等常规框架，也有Zepo这种支持智能手机触摸功能的移动JavaScript框架，如果你有更好的框架推荐，欢迎与我们分享。1. jQuery – Javascript FrameworkjQuery 是最流行的 JavaScript 框架，它简化了HTML 文档遍历、事件处理、动画和Ajax交互。2. Dojo Javascript FrameworkDojo强大的核心使Web开发更加敏捷，它拥有出色的UI工具库，号称 Unbeatable JavaScript Tools。3. Sench 阅读全文
Jquery调用Webservice传递Json数组
2012-03-13 10:23 by 臭小子1983, 167 阅读, 收藏,
摘要：
Jquery由于提供的$.ajax强大方法，使得其调用webservice实现异步变得简单起来，可以在页面上传递Json字符串到Webservice中，Webservice方法进行业务处理后，返回Json对象给页面，让页面去展现。这一切都非常的简单，今天要学习的并非这些。我们在实际处理业务过程中，会发现往往页面要传递给webservice 的并非一个或多个字符串，有时候需要传递的是一个组合数据，如这样的一组数据： {'Employee': [{'name':'John','sex':'man','age&# 阅读全文
jQuery的插件开发
2012-03-13 10:21 by 臭小子1983, 225 阅读, 收藏,
摘要：
一、插件的种类 插件分为3类： 1、封装对象方法的插件： 95%以上的插件都是通过这种方法来 2、封装全局函数的插件： 可以将独立的函数加到jquery命名空间下，如：$.trim() 3、选择器插件： 二、插件的基本要点 1、插件文件名的写法：jquery.插件名.js... 阅读全文
使用JQuery读取XML文件数据(转)
2012-03-12 11:57 by 臭小子1983, 392 阅读, 收藏,
摘要：
通过JQuery框架为空白HTML文档加载在开始之前我们需要做如下准备工作：1.创建一个名为DEMO.html空白html文件；（推荐使用Editplus 3创建）2.熟悉JQuery框架的基本语法；（不熟悉没关系，后面我会注释得很详细）3.创建一个名为data.xml的XML文件用来存储数据，XML的结构下面会涉及到，你也可以下载我打包好的文件查看；4.一个loading.gif图片，这个图片用于在将XML读取出来的等待时间里面显示在空白html文档中。从XML文件读取的数据。我们将会主要用到JQuery自带函数 $.get 。正式开始：Step 1:首先让我们看看这个data.xml的简单 阅读全文
jQuery 处理表单操作
2012-03-10 14:21 by 臭小子1983, 387 阅读, 收藏,
摘要：
一、select下拉菜单操作1、添加option $("UPS Ground").appendTo($("#ID")); 2、移除option $("#ID option").each(function(){ if($(this).val() == 111){ $(this).... 阅读全文
Jquery插件form和cookie
2012-03-10 14:20 by 臭小子1983, 569 阅读, 收藏,
摘要：
一、表单插件from专门为页面的表单而设计，通过调用ajaxForm()或ajaxSubmit()两个方法来实现Ajax方式提交数据，通过options对象设置参数、获取服务器返回的数据.1、formSerialize()：用于格式化表单中有用的数据，并自动整理成适合Ajax异步请求的URL格式.2、clearForm()：清除表单所有输入值的内容.3、restForm()：重置表单中所有的字段内容.ajaxForm()与ajaxSubmit()两个方法中即可没有参数，也可以传递一个，该参数是一个回调型函数，也可以是一个options对象.var options = {url:url, // 阅读全文
jQuery基础开发详解 -- 重要
2012-03-10 14:20 by 臭小子1983, 382 阅读, 收藏,
摘要：
基础原理一、$(function(){})与window.onload的不同 1、$(function(){ ... })在页面下载完后就执行，而window.onload()是在页面下载完毕后（包含图片下载）才能执行 2、$(function(){ ... })可以写多个，而window.on... 阅读全文
jQuery下通过$.browser来判断浏览器
2012-03-10 14:12 by 臭小子1983, 413 阅读, 收藏,
摘要：
一、$.browser对象属性1、webkit：如果是webkit相关的浏览器，则为true.2、mozilla：如果是mozilla相关的浏览器，则为true.3、safari：如果是safari相关的浏览器，则为true.4、opera：如果是opera相关的浏览器，则为true.5、msie：如果是ie相关的浏览器，则为true.6、version：获取浏览器的版本号.二、使用方法: $.browser.['浏览器关键字']代码如下:$(function() {if($.browser.msie) { alert("this is msie");}el 阅读全文
浙公网安备 33010602011771号