JQuery_2.1.0_日记 5.4 Sizzle选择器(二)

(1)

whitespace = "[\\x20\\t\\r\\n\\f]";

匹配css3中空白符.

\x20：空格;\t水平制表符(tab);\r\n回车换行\f换页符

(2)

characterEncoding = "(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+"

匹配\后任意字符,字母或数字或-,ascii值非\00-\xa0范围内的字符

(3)

identifier = characterEncoding.replace( "w" , "w#" )

匹配\后任意字符,字母或数字或#或-,ascii值非\00-\xa0范围内的字符

(4)

attributes = "\\[" + whitespace + "*(" + characterEncoding + ")" + whitespace +
               "*(?:([*^$|!~]?=)" + whitespace + "*(?:([‘\"])((?:\\\\.|[^\\\\])*?)\\3|(" + identifier + ")|)|)" + whitespace + "*\\]"

匹配属性选择器，例如：[arr^=‘val‘]

捕获组1：characterEncoding ：匹配例子中arr

捕获组2：([*^$|!~]?=)：匹配例子中^=

捕获组3：[‘\"]:匹配例子中‘

捕获组4：(?:\\\\.|[^\\\\])*? 解释一下这个外层捕获\和后面的任意数量字符或非\字符,内层有?:是不捕获的，匹配例子中的val

捕获组5：匹配identifier，匹配[id=#a]的情况

(5)

pseudos = ":(" + characterEncoding + ")(?:\\((([‘\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|" + attributes.replace( 3, 8 ) + ")*)|.*)\\)|)"

匹配伪类表达式,例如li:nth-child(2n+1)

捕获组1：characterEncoding ：匹配例子中nth-child

捕获组2:匹配例子中的2n+1

捕获组3:匹配‘ or "

捕获组4:匹配\和后面任何字符或非\字符

捕获组5:匹配不再‘ or "内的\和后面任意字符或非\()[]字符或attributes

(6)

rcombinators = new RegExp( "^" + whitespace + "*([>+~]|" + whitespace + ")" + whitespace + "*" )

捕获 > + ~ 关系符

(7)

rattributeQuotes = new RegExp( "=" + whitespace + "*([^\\]‘\"]*?)" + whitespace + "*\\]" , "g" )

匹配=[非‘非"]

JQuery_2.1.0_日记 5.4 Sizzle选择器(二)