摘要: 实例 (用到:相关元素 e.target) 仿人人网 鼠标悬浮到某一头像上 出现个人信息摘要 卡片形式 鼠标离开 卡片消失这里的具体效果来自于 u2top.cn 登录之后 右侧的企业信息列表 悬浮可看到效果function bindShowCompanyCardUI (interestingCompanyList){ $(interestingCompanyList).delegate('.interesting-company-item', 'mouseenter', function(e){ $('#company_card_box'... 阅读全文
posted @ 2013-02-16 17:50 mabel_on_line 阅读(530) 评论(0) 推荐(0) 编辑
摘要: 本文摘自网友的文章http://www.cnblogs.com/wuhen/archive/2010/08/12/1798348.htmlhttp://www.cnblogs.com/jams742003/archive/2009/08/29/1556187.htmlJavaSciprt事件中有两个很重要的特性:事件冒泡 以及目标元素 。事件冒泡: 当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡;这个事件从原始元素开始一直冒泡到DOM树的最上层。目标元素: 任何一个事件的目标元素都是最开始的那个元素,并且它在我们 阅读全文
posted @ 2013-02-16 17:47 mabel_on_line 阅读(397) 评论(0) 推荐(0) 编辑
摘要: 经常用,今天总结一下,下文摘自某网友的总结:(function($){...})(jQuery)实际上是匿名函数,不懂得朋友可以继续往下看。这里实际上是匿名函数 function(arg){...} 这就定义了一个匿名函数,参数为arg 而调用函数时,是在函数后面写上括号和实参的,由于操作符的优先级,函数本身也需要用括号,即: (function(arg){...})(param) 这就相当于定义了一个参数为arg的匿名函数,并且将param作为参数来调用这个匿名函数 而(function($){...})(jQuery)则是一样的,之所以只在形参使用$,是为了不与其他库冲突,所以实参用jQu 阅读全文
posted @ 2013-02-16 14:56 mabel_on_line 阅读(7086) 评论(1) 推荐(1) 编辑
摘要: 在我们用javascript动态添加某一类型的元素时,这些元素需要绑定某一事件,比如click事件,那么我们就需要用到delegate函数如果我们在每一次动态添加这种类型的元素的时候,都为该元素绑定某一事件的话,这样比较浪费。delegate函数就是让我们为某一类型的元素只绑定一次某一事件即可,即使未来有若干次的删除或添加,该事件都有效。delegate 的函数是被某一类型的共同父元素调用,listNode.delegate('.condition-remove','click',function(e){e.preventDefault();$(this).pa 阅读全文
posted @ 2013-01-28 17:56 mabel_on_line 阅读(995) 评论(0) 推荐(0) 编辑
摘要: 自己写的 一个选择城市的插件 自豪感横生html:<input type="text" id="job_post_work_location" autocomplete="off">调用方法 $.bindCitySuggestion('#job_post_work_location');源码如下:(function($){ $.bindCitySuggestion = function(nodeSelector){ var node = $(nodeSelector), popularCity = [ 阅读全文
posted @ 2013-01-24 17:52 mabel_on_line 阅读(6141) 评论(0) 推荐(0) 编辑
摘要: $(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(); } });}); 阅读全文
posted @ 2013-01-24 13:43 mabel_on_line 阅读(302) 评论(0) 推荐(0) 编辑
摘要: var x = companyNode.offset().left;var y = companyNode.offset().top+height; 阅读全文
posted @ 2013-01-23 17:02 mabel_on_line 阅读(350) 评论(0) 推荐(0) 编辑
摘要: jQuery插件的开发包括两种:$.fx是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法,jQuery的全局函数就是属于jQuery命名空间的函数。调用:$.fx('#id');$.fn.fx是对象级别的插件开发,即给jQuery对象添加方法。 调用:$('#id').fx();参考资料http://www.iteye.com/topic/545971 阅读全文
posted @ 2013-01-23 16:44 mabel_on_line 阅读(2167) 评论(0) 推荐(2) 编辑
摘要: String.prototype.trim = function() { return $.trim(this);};(function($) {$.substitute = function(template, data) { return template.replace(/\{([\w\.]*)\}/g, function (str, key) { var keys = key.split("."), value = data[keys.shift()]; $.each(keys, function () { value =... 阅读全文
posted @ 2013-01-23 15:54 mabel_on_line 阅读(250) 评论(0) 推荐(0) 编辑
摘要: border-bottom:1px dashed#CCC; 阅读全文
posted @ 2013-01-16 15:37 mabel_on_line 阅读(659) 评论(0) 推荐(0) 编辑