随笔分类 - javascript
摘要：本实例的效果来自于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
阅读全文
摘要：$(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(); } });});
阅读全文
摘要：jQuery插件的开发包括两种：$.fx是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法，jQuery的全局函数就是属于jQuery命名空间的函数。调用：$.fx('#id');$.fn.fx是对象级别的插件开发，即给jQuery对象添加方法。 调用：$('#id').fx();参考资料http://www.iteye.com/topic/545971
阅读全文
摘要：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 =...
阅读全文
摘要：插件内容：(function($) { $.fn.getRealInputValue = function() { var params = {}; this.each(function() { var placeholder = $(this).attr('myplaceholder'); var input = $(this); if (input.hasClass('text-placeholder')) { params[in...
阅读全文
摘要：1.js文件开始写上（function($){}）（jQuery）；以上为匿名函数，匿名函数的写法通常会有3种方法，上面的为第一种，也是我们常见常用的一种，三种方法如下：(function(){})();(function(){}());void function(){}();注意：“；”不要丢掉。2.所有的js代码有写在 1 所写的花括号中，以下讨论的是写在花括号中的代码。其中 （1）若想让匿名函数自动执行
阅读全文
摘要：http://www.2cto.com/kf/201109/103301.html
阅读全文
摘要：javascript代码的执行顺序是从上到下执行的，setTimeout也是如此，只不过是从视觉上看是后执行看下面的例子 <script> window.onload=function(){ setTimeout(function(){ document.getElementById('a').innerHTML='aaa'},2000); document.getElementById('a').innerHTML='bbb'; } </script><div id="a">
阅读全文
摘要：http://www.cnblogs.com/iceknp/archive/2010/06/08/1753729.html
阅读全文
摘要：http://www.cnblogs.com/lidabo/archive/2011/12/17/2291238.html
阅读全文
摘要：第一批次:入门级,也适合想掌握一些前端技能的非前端工程师. <JavaScript Dom编程艺术> 第二批次:成为一名合格的前端工程师 <JavaScript高级程序设计>(或<JavaScript权威指南>) <精通JavaScript> 第三批次:更优秀的代码,更优良的设计 <JavaScript语言精粹> <JavaScript设计模式> 第四批次:从语言细节到复杂工程实践,想开发靠谱的各类底层代码,应该看看 <Secrets of the JavaScript Ninja> <JavaScrip
阅读全文
摘要：其内容和一些新提供的方法还是很多有值得学习的地方。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 ) {//.... //......};原来 ...
阅读全文
摘要：越来越感觉前端的水好深，感觉需要好多好多需要学习，需要学习好，需要精通。加油！
阅读全文