Bug Tracker

Ticket #1727: jquery_test.html

File jquery_test.html, 1.5 KB (added by davidserduke, 14 years ago)

test cases

Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html>
3  <head>
4    <title>Tester</title>
5    <style type="text/css">
6      #container { background:yellow; width:200px; }
7    </style>
8    <script type="text/javascript" src="../jquery.js"></script>
9    <script type="text/javascript">
10      function doIt(t) {
11        $("li").css("background", "");
12        $("li:nth-child" + t).css("background", "yellow");
13      }
14
15      $(function () {
16        $("button").click(function () {
17          doIt($(this).text());
18        });
19      });
20    </script>
21  </head>
22  <body>
23    <button>(even)</button>
24    <button>(odd)</button>
25    <button>(2)</button>
26    <button>(n)</button>
27    <button>(n+0)</button>
28    <button>(1n)</button>
29    <button>(1n+0)</button>
30    <button>(0n+1)</button>
31    <button>(4n)</button>
32    <button>(4n+0)</button>
33    <button>(4n+1)</button>
34    <button>(4n+2)</button>
35    <button>(4n+3)</button>
36    <button>(4n+4)</button>
37    <button>(4n-0)</button>
38    <button>(4n-1)</button>
39    <button>(4n-2)</button>
40    <button>(4n-3)</button>
41    <button>(4n-4)</button>
42    <button>(-n+6)</button>
43    <button>(-2n+6)</button>
44    <button>(0)</button>
45    <ul>
46      <li>First</li>
47      <li>Second</li>
48      <li>Third</li>
49      <li>Fourth</li>
50      <li>Fifth</li>
51      <li>Sixth</li>
52      <li>Seventh</li>
53      <li>Eighth</li>
54      <li>Ninth</li>
55      <li>Tenth</li>
56      <li>Eleventh</li>
57      <li>Twelvth</li>
58    </ul>
59  </body>
60</html>