1 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns=
"http://www.w3.org/1999/xhtml" xml:
lang=
"en" lang=
"en" dir=
"ltr" id=
"html">
4 <meta http-equiv=
"Content-Type" content=
"text/html; charset=utf-8" />
5 <title>Sizzle Test Suite
</title>
6 <link rel=
"Stylesheet" media=
"screen" href=
"libs/qunit/qunit.css" />
7 <script type=
"text/javascript" src=
"libs/qunit/qunit.js"></script>
8 <script type=
"text/javascript" src=
"data/testinit.js"></script>
9 <script type=
"text/javascript" src=
"jquery.js"></script>
10 <script type=
"text/javascript" src=
"../dist/sizzle.js"></script>
11 <script type=
"text/javascript" src=
"unit/selector.js"></script>
12 <script type=
"text/javascript" src=
"unit/utilities.js"></script>
13 <script type=
"text/javascript" src=
"unit/extending.js"></script>
17 <div id=
"qunit"></div>
20 <dl id=
"dl" style=
"position:absolute;top:-32767px;left:-32767px;width:1px">
21 <div id=
"qunit-fixture">
22 <p id=
"firstp">See
<a id=
"simon1" href=
"http://simon.incutio.com/archive/2003/03/25/#getElementsBySelector" rel=
"bookmark">this blog entry
</a> for more information.
</p>
24 Here are some [links] in a normal paragraph:
<a id=
"google" href=
"http://www.google.com/" title=
"Google!">Google
</a>,
25 <a id=
"groups" href=
"http://groups.google.com/" class=
"GROUPS">Google Groups (Link)
</a>.
26 This link has
<code id=
"code1"><a href=
"http://smin" id=
"anchor1">class="blog"
</a></code>:
27 <a href=
"http://diveintomark.org/" class=
"blog" hreflang=
"en" id=
"mark">diveintomark
</a>
31 <p id=
"sndp">Everything inside the red border is inside a div with
<code>id="foo"
</code>.
</p>
32 <p lang=
"en" id=
"en">This is a normal link:
<a id=
"yahoo" href=
"http://www.yahoo.com/" class=
"blogTest">Yahoo
</a></p>
33 <p id=
"sap">This link has
<code><a href=
"#2" id=
"anchor2">class="blog"
</a></code>:
<a href=
"http://simon.incutio.com/" class=
"blog link" id=
"simon">Simon Willison's Weblog
</a></p>
36 <div id=
"nothiddendiv" style=
"height:1px;background:white;" class=
"nothiddendiv">
37 <div id=
"nothiddendivchild"></div>
39 <span id=
"name+value"></span>
40 <p id=
"first">Try them out:
</p>
41 <ul id=
"firstUL"></ul>
42 <ol id=
"empty"><!-- comment --></ol>
43 <form id=
"form" action=
"formaction">
44 <label for=
"action" id=
"label-for">Action:
</label>
45 <input type=
"text" name=
"action" value=
"Test" id=
"text1" maxlength=
"30"/>
46 <input type=
"text" name=
"text2" value=
"Test" id=
"text2" disabled=
"disabled"/>
47 <input type=
"radio" name=
"radio1" id=
"radio1" value=
"on"/>
49 <input type=
"radio" name=
"radio2" id=
"radio2" checked=
"checked"/>
50 <input type=
"checkbox" name=
"check" id=
"check1" checked=
"checked"/>
51 <input type=
"checkbox" id=
"check2" value=
"on"/>
53 <input type=
"hidden" name=
"hidden" id=
"hidden1"/>
54 <input type=
"text" style=
"display:none;" name=
"foo[bar]" id=
"hidden2"/>
56 <input type=
"text" id=
"name" name=
"name" value=
"name" />
57 <input type=
"search" id=
"search" name=
"search" value=
"search" />
59 <button id=
"button" name=
"button" type=
"button">Button
</button>
61 <textarea id=
"area1" maxlength=
"30">foobar
</textarea>
63 <select name=
"select1" id=
"select1">
64 <option id=
"option1a" class=
"emptyopt" value=
"">Nothing
</option>
65 <option id=
"option1b" value=
"1">1</option>
66 <option id=
"option1c" value=
"2">2</option>
67 <option id=
"option1d" value=
"3">3</option>
69 <select name=
"select2" id=
"select2">
70 <option id=
"option2a" class=
"emptyopt" value=
"">Nothing
</option>
71 <option id=
"option2b" value=
"1">1</option>
72 <option id=
"option2c" value=
"2">2</option>
73 <option id=
"option2d" selected=
"selected" value=
"3">3</option>
75 <select name=
"select3" id=
"select3" multiple=
"multiple">
76 <option id=
"option3a" class=
"emptyopt" value=
"">Nothing
</option>
77 <option id=
"option3b" selected=
"selected" value=
"1">1</option>
78 <option id=
"option3c" selected=
"selected" value=
"2">2</option>
79 <option id=
"option3d" value=
"3">3</option>
80 <option id=
"option3e">no value
</option>
82 <select name=
"select4" id=
"select4" multiple=
"multiple">
83 <optgroup disabled=
"disabled">
84 <option id=
"option4a" class=
"emptyopt" value=
"">Nothing
</option>
85 <option id=
"option4b" disabled=
"disabled" selected=
"selected" value=
"1">1</option>
86 <option id=
"option4c" selected=
"selected" value=
"2">2</option>
88 <option selected=
"selected" disabled=
"disabled" id=
"option4d" value=
"3">3</option>
89 <option id=
"option4e">no value
</option>
91 <select name=
"select5" id=
"select5">
92 <option id=
"option5a" value=
"3">1</option>
93 <option id=
"option5b" value=
"2">2</option>
94 <option id=
"option5c" value=
"1">3</option>
97 <object id=
"object1" codebase=
"stupid">
98 <param name=
"p1" value=
"x1" />
99 <param name=
"p2" value=
"x2" />
102 <span id=
"台北Táiběi"></span>
103 <span id=
"台北" lang=
"中文"></span>
104 <span id=
"utf8class1" class=
"台北Táiběi 台北"></span>
105 <span id=
"utf8class2" class=
"台北"></span>
106 <span id=
"foo:bar" class=
"foo:bar"><span id=
"foo_descendent"></span></span>
107 <span id=
"test.foo[5]bar" class=
"test.foo[5]bar"></span>
109 <foo_bar id=
"foobar">test element
</foo_bar>
111 <b id=
"floatTest">Float test.
</b>
112 <iframe id=
"iframe" name=
"iframe"></iframe>
113 <form id=
"lengthtest">
114 <input type=
"text" id=
"length" name=
"test"/>
115 <input type=
"text" id=
"idTest" name=
"id"/>
117 <table id=
"table"></table>
119 <form id=
"name-tests">
120 <!-- Inputs with a grouped name attribute. -->
121 <input name=
"types[]" id=
"types_all" type=
"checkbox" value=
"all" />
122 <input name=
"types[]" id=
"types_anime" type=
"checkbox" value=
"anime" />
123 <input name=
"types[]" id=
"types_movie" type=
"checkbox" value=
"movie" />
126 <form id=
"testForm" action=
"#" method=
"get">
127 <textarea name=
"T3" rows=
"2" cols=
"15">?
129 <input type=
"hidden" name=
"H1" value=
"x" />
130 <input type=
"hidden" name=
"H2" />
131 <input name=
"PWD" type=
"password" value=
"" />
132 <input name=
"T1" type=
"text" />
133 <input name=
"T2" type=
"text" value=
"YES" readonly=
"readonly" />
134 <input type=
"checkbox" name=
"C1" value=
"1" />
135 <input type=
"checkbox" name=
"C2" />
136 <input type=
"radio" name=
"R1" value=
"1" />
137 <input type=
"radio" name=
"R1" value=
"2" />
138 <input type=
"text" name=
"My Name" value=
"me" />
139 <input type=
"reset" name=
"reset" value=
"NO" />
141 <option value=
"abc">ABC
</option>
142 <option value=
"abc">ABC
</option>
143 <option value=
"abc">ABC
</option>
145 <select name=
"S2" multiple=
"multiple" size=
"3">
146 <option value=
"abc">ABC
</option>
147 <option value=
"abc">ABC
</option>
148 <option value=
"abc">ABC
</option>
151 <option selected=
"selected">YES
</option>
154 <option value=
"" selected=
"selected">NO
</option>
156 <input type=
"submit" name=
"sub1" value=
"NO" />
157 <input type=
"submit" name=
"sub2" value=
"NO" />
158 <input type=
"image" name=
"sub3" value=
"NO" />
159 <button name=
"sub4" type=
"submit" value=
"NO">NO
</button>
160 <input name=
"D1" type=
"text" value=
"NO" disabled=
"disabled" />
161 <input type=
"checkbox" checked=
"checked" disabled=
"disabled" name=
"D2" value=
"NO" />
162 <input type=
"radio" name=
"D3" value=
"NO" checked=
"checked" disabled=
"disabled" />
163 <select name=
"D4" disabled=
"disabled">
164 <option selected=
"selected" value=
"NO">NO
</option>
166 <input id=
"list-test" type=
"text" />
167 <datalist id=
"datalist">
168 <option value=
"option"></option>
173 <div id=
"checkedtest" style=
"display:none;">
174 <input type=
"radio" name=
"checkedtestradios" checked=
"checked"/>
175 <input type=
"radio" name=
"checkedtestradios" value=
"on"/>
176 <input type=
"checkbox" name=
"checkedtestcheckboxes" checked=
"checked"/>
177 <input type=
"checkbox" name=
"checkedtestcheckboxes" />
180 <div id=
"nonnodes"><span>hi
</span> there
<!-- mon ami --></div>
182 <div><div class=
"hidden">hidden
</div></div>
188 <input type=
"hidden" id=
"el12087" data-comma=
"0,1"/>
190 <div id=
"no-clone-exception"><object><embed></embed></object></div>
191 <div id=
"names-group">
192 <span id=
"name-is-example" name=
"example"></span>
193 <span id=
"name-is-div" name=
"div"></span>
195 <script id=
"script-no-src"></script>
196 <script id=
"script-src" src=
"data/empty.js"></script>
197 <div id=
"id-name-tests">
198 <a id=
"tName1ID" name=
"tName1"><span></span></a>
199 <a id=
"tName2ID" name=
"tName2"><span></span></a>
200 <div id=
"tName1"><span id=
"tName1-span">C
</span></div>
204 <div id=
"tabindex-tests">
205 <ol id=
"listWithTabIndex" tabindex=
"5">
206 <li id=
"foodWithNegativeTabIndex" tabindex=
"-1">Rice
</li>
207 <li id=
"foodNoTabIndex">Beans
</li>
212 <div id=
"divWithNoTabIndex">I'm hungry. I should...
</div>
213 <span>...
</span><a href=
"#" id=
"linkWithNoTabIndex">Eat lots of food
</a><span>...
</span> |
214 <span>...
</span><a href=
"#" id=
"linkWithTabIndex" tabindex=
"2">Eat a little food
</a><span>...
</span> |
215 <span>...
</span><a href=
"#" id=
"linkWithNegativeTabIndex" tabindex=
"-1">Eat no food
</a><span>...
</span>
216 <span>...
</span><a id=
"linkWithNoHrefWithNoTabIndex">Eat a burger
</a><span>...
</span>
217 <span>...
</span><a id=
"linkWithNoHrefWithTabIndex" tabindex=
"1">Eat some funyuns
</a><span>...
</span>
218 <span>...
</span><a id=
"linkWithNoHrefWithNegativeTabIndex" tabindex=
"-1">Eat some funyuns
</a><span>...
</span>
221 <div id=
"liveHandlerOrder">
222 <span id=
"liveSpan1"><a href=
"#" id=
"liveLink1"></a></span>
223 <span id=
"liveSpan2"><a href=
"#" id=
"liveLink2"></a></span>
226 <div id=
"siblingTest">
227 <em id=
"siblingfirst">1</em>
228 <em id=
"siblingnext">2</em>
229 <em id=
"siblingthird">
230 <em id=
"siblingchild">
231 <em id=
"siblinggrandchild">
232 <em id=
"siblinggreatgrandchild"></em>
236 <span id=
"siblingspan"></span>