QWrap Selector解密之四：自选器转化在《认识selector写法》中提到，我们把“没有关系符的选择器”叫“自选器”，例如“input#myId[value=hello]:enabled”，我们先看一下自选器里都有些什么内容，如下表： 格式 意义 * 通配类型，特征：以*打头 E 类型选择，特征：以ta

QWrap Selector解密之三：matchSelectorw3c的selector-api2标准已经提供了matchSelector的相关条文：http://dev.w3.org/2006/webapi/selectors-api2/#matchtesting module dom { [Supplemental] interface Element { bool

QWrap Selector解密之二：从左向右，还是从右向左关于Selector实现，问得最多的问题是：是从左往右，还是从右往左。先看一下它们有什么不同，以Selector.query('div span',document.body)为例。看下表：   从左往右 从右往左 策略简介 先query得到divs，再通过divs来query得到spans 先query得到sp

QWrap使用了一个独立的QW.Selector，而不是借用sizzle。相对于sizzle，QW.Selector摈弃了isXml参数（无情抛弃）与selector群组除重排序（实用意义有限而效率影响太大）；提供query方法之外，还提供了filter等与selector有关的其它一些方法，（详见：QW Selector简介）；比sizzle更严谨的对待需要回溯的selector（详见：jque

就像是一棵树有很多果实一样，QWrap也有很多apps，本文讲解"扩展JS原生类"的应用，即apps/core_retouched.js应用。本应用会对原生类进行扩展，方便用户操作原生对象，例如：String、Array、Function等。本应用的典型应用场景：jquery专注于dom，所以欠缺原生对象的操作，以及模块加载机制等。本库恰好能提供，并且与jquery无冲突存在。前面已有文章讲过co

如果说js/core/core_retouch.js是为prototype用户作的个性化定制、js/dom/dom_retouch.js是为jquery用户与yui用户所作的个性化定制，那么，我可不可以还为我自己的项目做一些个性化定制。可以的。我们以youa这个用户为例，看下他又有哪些个性化定制。 /* * 防重复点击*/(function() { var F = function(e,

在《QWrap简介之：NodeW ---Node包装》一文中已介绍过NodeW，不过，那是他没配装备的样子。NodeW是一个勇士的坯子，需要装甲以后才能成为真正的勇士。QWrap已经有很多"甲"，包括：NodeH、EventTargetH、JssTargetH、ArrayH。可以这么说：由Helper堆砌起来的QWrap只是一个工具集，与是YUI2类似。我们用工具也可以来做事，不过显得有些生硬。我

专注于dom的jquery广受欢迎，说明了dom的节点操作在js应用中的沉重份量。节点操作需求多样，如果只局限于节点原型扩展，会阻碍重重束手束脚。针对节点的包装“NodeW”的出现，把节点的操作带到了一个没有边际的新天地。前文也提到，jquery的实质，就是一个nodelist的包装。我们先假设有一个针对Node的Helper： var NodeH = { setS

花了几天时间，对QWrap的代码，都努力按jslint的规范调整了下。规范化后，看起来还是挺爽的。因为子龙同学提供的自动格式化与规范检查的集成工具，这个工作顺利了好多。美中的足的也有一些问题，主要有：1。要想完全遵循规范，貌似难度很大，所以，只能放弃“0错误”的追求了。2。被认为是容易引起误解的用法：a && b || c ----》》》(a &&a

在QWrap的js/_tools下面，有几个工具，还是挺实用的。今天介绍一下单元测试工具。QWrap的单元测试（unittest）工具，是基于jsspec（http://jania.pe.kr/aw/moin.cgi/JSSpec）的语法来的。其css也是完全照搬jsspec。相对于jsspec，改变有：代码重构、弃用多次运行(仅对未通过的试例)策略、移去对原型的渲染、部分功能增删。如何使用qwr

前一篇随笔讲过mul函数对get first、set all策略的应用，参见：http://www.cnblogs.com/jkisjk/archive/2011/01/13/QWrap_Function_mul_01.html在该篇文章里，为了重点突出，略掉了mul的recursive参数。recursive参数是一个boolean值，表示是否是深层集化。QWrap的FunctionH.mul的

前一篇随笔讲过mul函数对get first、set all策略的应用，参见：http://www.cnblogs.com/jkisjk/archive/2011/01/13/QWrap_Function_mul_01.html在该篇文章里，为了重点突出，略掉了mul的recursive参数。recursive参数是一个boolean值，表示是否是深层集化。QWrap的FunctionH.mul的

get first、set all策略------QWrap的Function.mul变换 之一get first/set all策略由jquery推出以来，很深入人心，很多享受他便利的使用者，甚至都没意识到还有这个策略的存在----大道自然啊。它是个什么样的策略呢？代码1（代码仅为示意，不是可执行的）:W([el1,el2]).setValue(1)，很显然，这句话会造成el1.value=1，

#看到最近司徒同学发了好几篇与selector有关的文章。就也草写一篇有关selector的一些杂想。以QWrap.Selector为例，它提供的几个方法。query(refEl, sSelector)one(refEl, sSelector)filter(els, sSelector, pEl)selector2Filter(sSelector)test(el, sSelector) 代码