随笔分类 - jQuery
摘要：$('#bar').index(); //1，不传递参数，返回这个元素在同辈中的索引位置。
阅读全文
摘要：jQuery代码具体的写法和原生的Javascript写法在执行常见操作时的区别如下所示。需要的朋友可以过来参考下要使用jQuery，首先要在HTML代码最前面加上对jQuery库的引用，比如：库文件既可以放在本地，也可以直接使用知名公司的CDN，好处是这些大公司的CDN比较流行，用户访问你网站之前...
阅读全文
摘要：html就是你可以添加像、等标记text只能写文本如果写了上面的标记则会以文本形式输出val是属性，只有有该属性的对象才能调用html(), 相当于 innerHTMLtext(), 相当于 innerTEXTval() 只有有value属性的才能取到值1、 这个就需要用 val()，只有当标签中有...
阅读全文
摘要：摘自：http://blog.chinaunix.net/uid/20714478/cid-74195-list-1.htmlYahoo网站性能优化的34条规则1、尽量减少HTTP请求次数 终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。 减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢？这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术。合并文件是通过把所有的脚本放到一个文件中来减少H
阅读全文
摘要：摘自： http://www.admin5.net/thread-5110744-1-1.html1. 重复的HTTP请求数量应尽量减少（1） 减少调用其他页面、文件的数量（2）将需要频繁加载的多个图片合成为1个单独的图片，加载时采用：background:url(....) no-repeat x-offset y-offset的形式加载，图片加载的HTTP请求缩减为1个。即，css sprite (http://baike.baidu.com/view/2173476.htm) 不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。利用CSS Sprites能很好地
阅读全文
摘要：http://bonsaiden.github.io/JavaScript-Garden/zh/
阅读全文
摘要：1.<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML或 XHTML 规范。2.行内元素有 span a strong 块 div h1 ul行内元素特性 设置宽度width 无效。设置高度height无效，可以通过line-height来设置。设置margin只有左右margin有效，上下无效。设置padding只有左右padding有效，上下则无效。3.jsonP一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，
阅读全文
摘要：http://www.cnblogs.com/Darren_code/archive/2012/01/31/questions.html
阅读全文
摘要：http://jishuziyuan.com/archive/shaenxing2/6341238.html<script>if(1 == true){ console.log('1.ture');}else{ console.log('1.false'); }if(1===true){ console.log('2.true'); }else{ console.log('2.false'); }</script>log结果：1.ture 2.false实例http://hi.baidu.com/songz
阅读全文
摘要：touchTimeout&&clearTimeout(touchTimeout)等价于if(touchTimeout){clearTimeout(touchTimeout)}
阅读全文
摘要：往带有png图的类里加红色字的部分background-image:url(******.png)!important;background-image:url(../images/space.gif);/*space.gif 是一个透明的图片文件*/filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="******.png", enabled=true, sizingMethod=scale);
阅读全文
摘要：function showLockWarningUI(selection_id){ var element = $('#' + selection_id + ' .lock-warning-container'); element.show().find('.lock-warning-section').css('opacity','0').animate({top:'0px',opacity:'1'},500); setTimeout(function(){ hideLocking
阅读全文
摘要：(function($){ var a = <?php echo ($keyword_lock)?1:0; ?>;$.log(a); })(jQuery);
阅读全文
摘要：一.之前的for (x = 0; x < 6; ++x) { setInterval((function(x){ return function() { $(boxItems[x]).fadeOut(3000,function() { itemPeopleInfoRender(people_infos, $(this)); }).fadeIn(3000); ...
阅读全文
摘要：closest会首先检查当前元素是否匹配，如果匹配则直接返回元素本身。如果不匹配则向上查找父元素，一层一层往上，直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。closest和parents的主要区别是：1，前者从当前元素开始匹配寻找，后者从父元素开始匹配寻找；2，前者逐级向上查找，直到发现匹配的元素后就停止了，后者一直向上查找直到根元素，然后把这些元素放进一个临时集合中，再用给定的选择器表达式去过滤；3，前者返回0或1个元素，后者可能包含0个，1个，或者多个元素。
阅读全文
摘要：实例来自于友拓网的登录之后的hello页面 气球的页面setInterval(function(){ $('.bubble-box-item').eq(0).fadeOut(1000,function(){ var infoChangeNode = $(this); itemPeopleInfoRender(people_infos,infoChangeNode);//之前一直纠结如果直接回调一个函数名，而这个函数是需要传入参数的那怎么办，办法就是这样 })...
阅读全文
摘要：实例来源于http://uc.webdev.lesongapp.cn/recruit_shaoyang/ 登录后的hello pege 气球淡入淡出特效peopleInfoFadeToggle(); setInterval(peopleInfoFadeToggle,3000) function peopleInfoFadeToggle(){ var nodeIndex = Math.floor(Math.random()*6); $('.bubble-box-item').find('.pe...
阅读全文
摘要：以下内容非原创，来自百度文库http://wenku.baidu.com/view/4796b6145f0e7cd18425368e.html通过它，你可以遍历对象、数组的属性值并进行处理。使用说明each函数根据参数的类型实现的效果不完全一致：1、遍历对象(有附加参数)$.each(Object, function(p1, p2) { this; //这里的this指向每次遍历中Object的当前属性值 p1; p2; //访问附加参数}, ['参数1', '参数2']);2、遍历数组(有附件参数)$.each(Array, function(p1, p2){
阅读全文
摘要：函数定义：function getStyleValue(text){ if (text){ return parseInt(text.replace(/px$/g, '')); }else{ return 0; } }函数调用：var a =getStyleValue(thisNOde.css('padding-top'));
阅读全文
摘要：显示：show() display:block;隐藏：hide() display:none;当显示和隐藏切换的时候，需要判断此刻是显示还是隐藏，那判断条件常用以下几种方法：1.if(thisNode.is(':hidden')){......}else{.......}2.首先给thisNode的Dom元素加class标识，例如改标识为class="showFlag",判断如下 if(thisNode.hasClass('showFlag')){.......}else{......} 同样的道理，也可以判断thisNode的其他内容，例如
阅读全文