| 1 | <!DOCTYPE html> |
|---|
| 2 | <html> |
|---|
| 3 | <head> |
|---|
| 4 | <script src="http://code.jquery.com/jquery-latest.js"></script> |
|---|
| 5 | </head> |
|---|
| 6 | <body> |
|---|
| 7 | <h3>id attributes</h3> |
|---|
| 8 | <div> |
|---|
| 9 | <input type="radio" id="newsletter" value="Hot Fuzz" /> |
|---|
| 10 | <span>Not Found</span> |
|---|
| 11 | </div> |
|---|
| 12 | <div> |
|---|
| 13 | <input type="radio" id="newsletters" value="Cold Fusion" /> |
|---|
| 14 | <span>Not Found</span> |
|---|
| 15 | </div> |
|---|
| 16 | <div> |
|---|
| 17 | <input type="radio" id="accept" value="Evil Plans" /> |
|---|
| 18 | <span>Not Found</span> |
|---|
| 19 | </div> |
|---|
| 20 | <h3>name attributes</h3> |
|---|
| 21 | <div> |
|---|
| 22 | <input type="radio" name="newsletter" value="Hot Fuzz" /> |
|---|
| 23 | <span>Not Found</span> |
|---|
| 24 | </div> |
|---|
| 25 | <div> |
|---|
| 26 | <input type="radio" name="newsletters" value="Cold Fusion" /> |
|---|
| 27 | <span>Not Found</span> |
|---|
| 28 | </div> |
|---|
| 29 | <div> |
|---|
| 30 | <input type="radio" name="accept" value="Evil Plans" /> |
|---|
| 31 | <span>Not Found</span> |
|---|
| 32 | </div> |
|---|
| 33 | <h3>onmouseover attributes</h3> |
|---|
| 34 | <div> |
|---|
| 35 | <input type="radio" onmouseover="newsletter" value="Hot Fuzz" /> |
|---|
| 36 | <span>Not Found</span> |
|---|
| 37 | </div> |
|---|
| 38 | <div> |
|---|
| 39 | <input type="radio" onmouseover="newsletters" value="Cold Fusion" /> |
|---|
| 40 | <span>Not Found</span> |
|---|
| 41 | </div> |
|---|
| 42 | <div> |
|---|
| 43 | <input type="radio" onmouseover="accept" value="Evil Plans" /> |
|---|
| 44 | <span>Not Found</span> |
|---|
| 45 | </div> |
|---|
| 46 | <h3>onmouseout attributes</h3> |
|---|
| 47 | <div> |
|---|
| 48 | <input type="radio" onmouseout="newsletter" value="Hot Fuzz" /> |
|---|
| 49 | <span>Not Found</span> |
|---|
| 50 | </div> |
|---|
| 51 | <div> |
|---|
| 52 | <input type="radio" onmouseout="newsletters" value="Cold Fusion" /> |
|---|
| 53 | <span>Not Found</span> |
|---|
| 54 | </div> |
|---|
| 55 | <div> |
|---|
| 56 | <input type="radio" onmouseout="accept" value="Evil Plans" /> |
|---|
| 57 | <span>Not Found</span> |
|---|
| 58 | </div> |
|---|
| 59 | <h3>onblur attributes</h3> |
|---|
| 60 | <div> |
|---|
| 61 | <input type="radio" onblur="newsletter" value="Hot Fuzz" /> |
|---|
| 62 | <span>Not Found</span> |
|---|
| 63 | </div> |
|---|
| 64 | <div> |
|---|
| 65 | <input type="radio" onblur="newsletters" value="Cold Fusion" /> |
|---|
| 66 | <span>Not Found</span> |
|---|
| 67 | </div> |
|---|
| 68 | <div> |
|---|
| 69 | <input type="radio" onblur="accept" value="Evil Plans" /> |
|---|
| 70 | <span>Not Found</span> |
|---|
| 71 | </div> |
|---|
| 72 | <h3>onclick attributes</h3> |
|---|
| 73 | <div> |
|---|
| 74 | <input type="radio" onclick="newsletter" value="Hot Fuzz" /> |
|---|
| 75 | <span>Not Found</span> |
|---|
| 76 | </div> |
|---|
| 77 | <div> |
|---|
| 78 | <input type="radio" onclick="newsletters" value="Cold Fusion" /> |
|---|
| 79 | <span>Not Found</span> |
|---|
| 80 | </div> |
|---|
| 81 | <div> |
|---|
| 82 | <input type="radio" onclick="accept" value="Evil Plans" /> |
|---|
| 83 | <span>Not Found</span> |
|---|
| 84 | </div> |
|---|
| 85 | <h3>onfocus attributes</h3> |
|---|
| 86 | <div> |
|---|
| 87 | <input type="radio" onfocus="newsletter" value="Hot Fuzz" /> |
|---|
| 88 | <span>Not Found</span> |
|---|
| 89 | </div> |
|---|
| 90 | <div> |
|---|
| 91 | <input type="radio" onfocus="newsletters" value="Cold Fusion" /> |
|---|
| 92 | <span>Not Found</span> |
|---|
| 93 | </div> |
|---|
| 94 | <div> |
|---|
| 95 | <input type="radio" onfocus="accept" value="Evil Plans" /> |
|---|
| 96 | <span>Not Found</span> |
|---|
| 97 | </div> |
|---|
| 98 | <h3>onchange attributes</h3> |
|---|
| 99 | <div> |
|---|
| 100 | <input type="radio" onchange="newsletter" value="Hot Fuzz" /> |
|---|
| 101 | <span>Not Found</span> |
|---|
| 102 | </div> |
|---|
| 103 | <div> |
|---|
| 104 | <input type="radio" onchange="newsletters" value="Cold Fusion" /> |
|---|
| 105 | <span>Not Found</span> |
|---|
| 106 | </div> |
|---|
| 107 | <div> |
|---|
| 108 | <input type="radio" onchange="accept" value="Evil Plans" /> |
|---|
| 109 | <span>Not Found</span> |
|---|
| 110 | </div> |
|---|
| 111 | <h3>rel attributes</h3> |
|---|
| 112 | <div> |
|---|
| 113 | <input type="radio" rel="newsletter" value="Hot Fuzz" /> |
|---|
| 114 | <span>Not Found</span> |
|---|
| 115 | </div> |
|---|
| 116 | <div> |
|---|
| 117 | <input type="radio" rel="newsletters" value="Cold Fusion" /> |
|---|
| 118 | <span>Not Found</span> |
|---|
| 119 | </div> |
|---|
| 120 | <div> |
|---|
| 121 | <input type="radio" rel="accept" value="Evil Plans" /> |
|---|
| 122 | <span>Not Found</span> |
|---|
| 123 | </div> |
|---|
| 124 | |
|---|
| 125 | <script> |
|---|
| 126 | $(document).ready(function(){ |
|---|
| 127 | $("input[id^='newsletter']").next().text("id attribute found"); |
|---|
| 128 | $("input[name^='newsletter']").next().text("name attribute found"); |
|---|
| 129 | $("input[onmouseover^='newsletter']").next().text("onmouseover attribute found"); |
|---|
| 130 | $("input[onmouseout^='newsletter']").next().text("onmouseout attribute found"); |
|---|
| 131 | $("input[onblur^='newsletter']").next().text("onblur attribute found"); |
|---|
| 132 | $("input[onclick^='newsletter']").next().text("onclick attribute found"); |
|---|
| 133 | $("input[onfocus^='newsletter']").next().text("onfocus attribute found"); |
|---|
| 134 | $("input[onchange^='newsletter']").next().text("onchange attribute found"); |
|---|
| 135 | $("input[rel^='newsletter']").next().text("rel attribute found"); |
|---|
| 136 | }); |
|---|
| 137 | </script> |
|---|
| 138 | </body> |
|---|
| 139 | </html> |
|---|