jquery源码解析之选择器实现

1. 为什么$取得的对象要设计成数组的形式？

   jquery内部采用了一种“类数组对象”的方式作为存储结构，既可以像对象一样处理jQuery操作，也可以像数组一样使用push、pop、shift、sort、each、map等类数组的方法操作jquery对象。

   2.Sizzle选择器

支持九种方式的处理：

// 1.$(document)   // 2.$(‘<div>’) // 3.$(‘div’) // 4.$(‘#test’) // 5.$(function(){}) // 6.$("input:radio", document.forms[0]); // 7.$(‘input’, $(‘div’)) // 8.$() // 9.$("<div>", { //          "class": "test", //          text: "Click me!", //          click: function(){ $(this).toggleClass("test"); } //       }).appendTo("body"); // 10$($(‘.test’))

sizzle主要是针对于复杂选择器表达式，且在不支持querySelectorAll情况下，有一个对象用来记录跟选择器相关的属性以及操作，sizzle查找的顺序是从右到左进行匹配的。类似$(‘div a’)这样的匹配，先搜寻页面中所有的a标签，再往后判定它的父节点是否为div,一层一层向上过滤。：

relative = {
“>”: { dir: “parentNode”, first: true },
” “: { dir: “parentNode” },
“+”: { dir: “previousSibling”, first: true },
“~”: { dir: “previousSibling” }
}
一般对于伪类来说，只能从左到右进行匹配，而从性能触发，采取从右到左。