随笔分类 - jQuery
摘要：本实例的效果来自于http://uc.webdev.lesongapp.cn/recruit_shaoyang/登录之后 搜索技能 展示结果 可点击搜索结果的某一列表 查看效果 其实是click之后一个展开和收缩的效果 只是每一个列表下面还有click事件function showMoreInfo(){ var infoListItemNode = $('#search_results_container .results-list li'); infoListItemNode.click(function(e){ ...
阅读全文
摘要：实例 （用到：相关元素 e.target） 仿人人网 鼠标悬浮到某一头像上 出现个人信息摘要 卡片形式 鼠标离开 卡片消失这里的具体效果来自于 u2top.cn 登录之后 右侧的企业信息列表 悬浮可看到效果function bindShowCompanyCardUI (interestingCompanyList){ $(interestingCompanyList).delegate('.interesting-company-item', 'mouseenter', function(e){ $('#company_card_box'...
阅读全文
摘要：本文摘自网友的文章http://www.cnblogs.com/wuhen/archive/2010/08/12/1798348.htmlhttp://www.cnblogs.com/jams742003/archive/2009/08/29/1556187.htmlJavaSciprt事件中有两个很重要的特性：事件冒泡 以及目标元素 。事件冒泡: 当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。目标元素: 任何一个事件的目标元素都是最开始的那个元素，并且它在我们
阅读全文
摘要：经常用，今天总结一下，下文摘自某网友的总结：(function($){...})(jQuery)实际上是匿名函数，不懂得朋友可以继续往下看。这里实际上是匿名函数 function(arg){...} 这就定义了一个匿名函数，参数为arg 而调用函数时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即： (function(arg){...})(param) 这就相当于定义了一个参数为arg的匿名函数，并且将param作为参数来调用这个匿名函数 而(function($){...})(jQuery)则是一样的，之所以只在形参使用$，是为了不与其他库冲突，所以实参用jQu
阅读全文
摘要：在我们用javascript动态添加某一类型的元素时，这些元素需要绑定某一事件，比如click事件，那么我们就需要用到delegate函数如果我们在每一次动态添加这种类型的元素的时候，都为该元素绑定某一事件的话，这样比较浪费。delegate函数就是让我们为某一类型的元素只绑定一次某一事件即可，即使未来有若干次的删除或添加，该事件都有效。delegate 的函数是被某一类型的共同父元素调用，listNode.delegate('.condition-remove','click',function(e){e.preventDefault();$(this).pa
阅读全文
摘要：自己写的 一个选择城市的插件 自豪感横生html:<input type="text" id="job_post_work_location" autocomplete="off">调用方法 $.bindCitySuggestion('#job_post_work_location');源码如下：(function($){ $.bindCitySuggestion = function(nodeSelector){ var node = $(nodeSelector), popularCity = [
阅读全文
摘要：$(document).mouseup(function(e){ var containers = $('#workplace_suggestion_section, #job_post_work_location'); containers.each(function(){ if($(this).has(e.target).length === 0){ suggestionSectionNode.hide(); } });});
阅读全文
摘要：var x = companyNode.offset().left;var y = companyNode.offset().top+height;
阅读全文
摘要：jQuery插件的开发包括两种：$.fx是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法，jQuery的全局函数就是属于jQuery命名空间的函数。调用：$.fx('#id');$.fn.fx是对象级别的插件开发，即给jQuery对象添加方法。 调用：$('#id').fx();参考资料http://www.iteye.com/topic/545971
阅读全文
摘要：http://blog.sina.com.cn/s/blog_83958bc601010623.html
阅读全文
摘要：插件内容：(function($) { $.fn.getRealInputValue = function() { var params = {}; this.each(function() { var placeholder = $(this).attr('myplaceholder'); var input = $(this); if (input.hasClass('text-placeholder')) { params[in...
阅读全文
摘要：第一批次:入门级,也适合想掌握一些前端技能的非前端工程师. <JavaScript Dom编程艺术> 第二批次:成为一名合格的前端工程师 <JavaScript高级程序设计>(或<JavaScript权威指南>) <精通JavaScript> 第三批次:更优秀的代码,更优良的设计 <JavaScript语言精粹> <JavaScript设计模式> 第四批次:从语言细节到复杂工程实践,想开发靠谱的各类底层代码,应该看看 <Secrets of the JavaScript Ninja> <JavaScrip
阅读全文
摘要：破坏性操作是当一个jQuery函数被使用在一个对象后造成此对象的结构变化。举个例子：var obj = $("body").find("p");在 body 没有被使用 find 之前，对象 obj 包括 body 和 body 之内的所有元素但 body 在被使用 find 之后，对象 obj 只包括 p 元素，原来的其它元素已不复存在，也就是说 原来的对象 obj 的结构被破坏，或者说被修改。实例：$("#blog").find("p.title").css({fontWeight: "bold&qu
阅读全文
摘要：其内容和一些新提供的方法还是很多有值得学习的地方。1. 使用最新版本的jQueryjQuery的版本更新很快，你应该总是使用最新的版本。因为新版本会改进性能，还有很多新功能。下面就来看看，不同版本的jQuery性能差异有多大。这里是三条最常见的jQuery选择语句： $('.elem') $('.elem', context) context.find('.elem')我们用1.4.2、1.4.4、1.6.2三个版本的jQuery测试，看看浏览器在1秒内能够执行多少次。结果如下：可以看到，1.6.2版本的运行次数，远远超过两个老版本。尤其是第一条
阅读全文
摘要：$("p").filter(function(index) { return $("ol", this).length == 0; });$("ol", this)是在this中查找ol元素$("ol", this).length==0就是查找this中不包含ol的this元素（这里的this是<p>）return $("ol", this).length == 0;是相对filter来说的，如果return $("ol", this).length == 0为t
阅读全文
摘要：jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数，将函数定义于jQuery的命名空间中。关于类级别的插件开发可以采用如下几种形式进行扩展：1.1 添加一个新的全局函数添加一个全局函数，我们只需如下定义：Java代码jQuery.f
阅读全文
摘要：For: 初学者 by:ioryioryzhanjQuery为开发插件提拱了两个方法，分别是：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 ) {//.... //......};原来 ...
阅读全文
摘要：越来越感觉前端的水好深，感觉需要好多好多需要学习，需要学习好，需要精通。加油！
阅读全文