抱抱

摘要： 使用 Sass 已经有几个月的时间了，翻来覆去还是在用几个简单的功能，下决心好好学习一下，所以翻译了官方文档。翻译的过程也是学习与积累的过程，深入理解了几个复杂功能，同时也补充了一些基础知识。只是官方文档写得实在绕口，花了很久才翻译完，有几处地方不太理解，翻译不出来，还请大家帮忙，理解错误的地方也请... 阅读全文

摘要： HTML5能为我们做的事儿很多，最为可口的就是语义化标签的应用，如果你已经在Chrome或者其他支持HTML5的浏览器上用过它的牛x，那这篇文章对你一定有用，因为现在你也可以在IE上用到HTML5。下面是引用Google的html5.js文件，好处就不说了：将上代码复制到head部分，记住一定要是head部分（因为IE必须在元素解析前知道这个元素，所以这个js文件不能在其他位置调用，否则失效）当然，你也可以把代码拿出来自己看着办：(function(){if(!/*@cc_on!@*/0)return;vare="abbr,article,aside,audio,canvas,dat 阅读全文

摘要： 由 于移动互联用户的快速增加，现在数量已经超出10亿，几乎可以肯定的是你的网站每天都会有移动用户访问。如果你组织计划创建一个对移动用户友好的浏览体 验，有多个方面需要考虑。响应快速的网站设计似乎现在很流行，但是仅依赖你的需要也不是正确的发展方向。请记住本地化程序，混杂的程序和移动网站对正反面价值进行调查。为了好扩展响应快的布局能完美适应任何屏幕的大小和设备型号，他们可能在设计和实现上面耗费精力。无论如何，“一个网站适合全部设备”的价值将不该低估。只是考虑这个观念对于一个操作系统和内容维护意味着什么。当开始一个快速响应的网站项目，需要确定一些关键内容。首先当你实现的设计是从头开始的，有考虑的价值 阅读全文

摘要： find()查找器子元素下所有匹配的节点$(document).find('div');$(document).find('.class');next()查找其节点的下一个节点接受传参 $('.li1').next();==>是li2$('.li1').next('li')==>是li2nextAll()查找其后面的所有同辈节点（支持传参）nextUntil()支持穿2个参数如果只传一个那么就表示在该节点结束查找如果传二个参数 第一个参数表示查找结束位置 第二个参数表示查找指定的每个节点parent() 阅读全文

摘要： 如今的屏幕分辨率，小至320px(iPhone)，大到2560px甚至更高(大显示器)，变化范围极大。除了使用传统的台式机，用户会越来越多的通过手机、上网本、iPad一类的平板设备来浏览页面。这种情况下，固定宽度的设计方案将会显得越发不合理。页面需要有更好的适应性，其布局结构要做到根据不同的设备及屏幕分辨率进行响应调整。接下来，我们将了解一下怎样通过html5和css3Media Queries(媒介查询)相关技术来实现跨设备跨浏览器的响应式web设计方案。我们需要在页面中调用css3-mediaqueries.js文件，来帮助IE8或是之前的版本支持CSS3 media queries：接下 阅读全文

摘要： addback()添加堆栈中元素集合到当前集合，一个选择性的过滤选择器。$('div').find('li').addBack();把$('div')本身也加进元素集合之中children()选取一个节点下面的第一层子节点 $('ul').children()只会选取到li不会选取到span节点closest()从元素本身开始，在DOM 树上逐级向上级元素匹配，并返回最先匹配的祖先元素。从当前节点开始往上查找节点找到的第一个返回 阅读全文

摘要： $('div').eq(0);减少匹配元素的集合为指定的索引的哪一个元素。以0为基数的索引支持负值，-1为最后一个-2为倒数第二个$('div').eq(-1);$('div').filter('#id');筛选元素集合中匹配表达式 或 通过传递函数测试的 那些元素集合。在已获取到的节点中再次筛选出所需要的节点$('div).filter(function(index){ return index%3 == 0;});如果当前节点的索引正好可以和3整除那么就选择$('div').first();选择第一个节 阅读全文

摘要： 1、对象的继承，一般的做法是复制：Object.extendprototype.js的实现方式是：Object.extend = function(destination, source) {for (property in source) {destination[property] = source[property];}return destination;}除此之外，还有种方法，就是：Function.apply（当然使用Function.call也是可以的）apply方法能劫持另外一个对象的方法，继承另外一个对象的属性Function.apply(obj,args)方法能接收两个参数 阅读全文

摘要： replaceAll()替换节点$("Paragraph. ").replaceAll("p");内容.replaceAll(所要替换的节点);repaceWith()替换节点并保存原始节点$('div.second').replaceWith('New heading');所要替换的节点.replaceWith(内容)replaceWith()可以传入函数方法obj.replaceWith(function(){ return $(this).contents();});这个方法的意思就是把obj对象中的内容全部复制然后 阅读全文

摘要： detach() 删除节点并保存 Hello how are you? Attach/detach paragraphs empty() 删除节点的所有子节点包括文本节点 Hello, Person and person Call empty() on above paragraph remove() 与detach一样是删除节点不同的是它不能保存会将节点上的事件一并删除 Hello how are you? Call remove(":contains('Hello')") on paragraphs unwrap() 删除对... 阅读全文