摘要：
最近项目中使用了一些插件来做页面，这里把jQuery UI的使用分享出来，希望 对新手有帮助。文章结尾附源码下载。1 jQuery UI2 为我所用 2.1 Tabs 2.2 Accordion 2.2.1 使用基本的Accordion 2.2.2 实现打开多个标签 2.2.3 Accordion的嵌套3 给插件应用主题——Theme Roller 3.1 更改配色 3.2 更改图标4 相关连接1 jQuery UI 有时你仅仅是为了实现一个渐变的动画效果而不得不把javascrip 重新学习一遍然后书写大量代码。直到jQuery的出现，让开发人员从一大堆繁琐... 阅读全文
摘要：
jQuery为开发插件提拱了两个方法，分别是：jQuery.fn.extend(object);jQuery.extend(object);jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend(object);给jQuery对象添加方法。fn 是什么东西呢。查看jQuery代码，就不难发现。jQuery.fn = jQuery.prototype = { init: function( selector, context ) {//.... //......};原来 jQuery.fn = jQuery.proto... 阅读全文
摘要：
JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后，是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构，可以如下使用： var newSrc=$.extend({},src1,src2,src3...)//也就是将"{}"作为dest参数 阅读全文
摘要：
jQuery 参考手册 - 数据.clearQueue()从序列中删除仍未运行的所有项目.clearQueue(queueName)$("div").clearQueue();//清空队列.data()向被选元素附加数据，或者从被选元素获取数据$(selector).data(name)//如果没有规定名称，则该方法将以对象的形式从元素中返回所有存储的数据$(selector).data(name,value)向被选元素附加数据$("#btn1").click(function(){ $("div").data("greet 阅读全文
摘要：
.add()add() 方法将元素添加到匹配元素的集合中.add(selector)//字符串值，表示查找供添加到匹配元素集合的元素的选择器表达式。.add(elements)//添加到匹配元素集合的一个或多个元素.add(html)//添加到匹配元素集合的 HTML 片段.add(jQueryObject)//添加到匹配元素集合的已有 jQuery 对象.add(selector, context)//字符串值，表示查找供添加到匹配元素集合的元素的选择器表达式;选择器开始进行匹配的位置。$("div").css("border", "2px 阅读全文
摘要：
1.通过item-1查找 level-3(查找直接上级)$('li.item-1').closest('ul') $('li.item-1').parent() $('li.item-1').parents().eq(0) 2.通过item-1查找 level-2(通过选择器查找父元素)$('li.item-1').closest('.level-2') //$('li.item-1').parent('.level-2') //找不到，parent()方法只遍历到上 阅读全文
摘要：
这里实际上是匿名函数function(arg){...}这就定义了一个匿名函数，参数为arg而调用函数 时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即：(function(arg){...})(param)这 就相当于定义了一个参数为arg的匿名函数，并且将param作为参数来调用这个匿名函数而(function($){...}) (jQuery)则是一样的，之所以只在形参使用$，是为了不与其他库冲突，所以实参用jQuery********************************************************************** 阅读全文
摘要：
做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的，要知道一名好的前端，要尽可能不使用hack的情况下实现需求，做到较好的用户体验。可是啊，现实太残酷，浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协，虽然这只是个别情况。今天，结合自己的经验和理解，做了几个demo把IE6~IE10和其他标准浏览器的CSS hack做一个总结，也许本文应该是目前最全面的hack总结了吧。什么是CSS hack由于不同厂商的流览器或某浏览器的不同版本（如 阅读全文
摘要：
以下方法都是Ajax 事件function(event,xhr,options)event - 包含 event 对象；xhr - 包含 XMLHttpRequest（XMLHttpRequest 对象和设置作为参数传递给回调函数） 对象；options - 包含 AJAX 请求中使用的选项jQuery.ajax().ajaxComplete().jQueryajaxComplete(function(event,xhr,options))//规定当请求完成时运行的函数$("#txt").ajaxStart(function(){ $("#wait"). 阅读全文
摘要：
如有在jQuery方法中涉及到函数，此函数必定会返回一个数值（函数由于运行次数不同触发一些不同效果）jQuery 属性操作方法（以下方法前些日子学习过，不再赘述）addClass()attr()hasClass()html()removeAttr()removeClass()toggleClass()val()jQuery CSS 操作函数css()$("p").css("color");//取得第一个段落的 color 样式属性的值$(selector).css(name,value)//设置所有匹配元素的指定 CSS 属性$(selector).cs 阅读全文