Jquery測試題

1、1、HTML 代碼:<p>one</p> <div><p>two</p></div> <p>three</p>jQuery 代碼: $("div > p"); 結(jié)果:（ A ）A、 <p>two</p> B、<p>one</p> C、<p>three</p> D、<div><p>two</p></div> 2、HTML 代碼:<div>DIV&

2、lt;/div><span>SPAN</span><p>P</p>jQuery 代碼: $("*") 結(jié)果:（ D ）A、 <div>DIV</div> B、<span>SPAN</span> C、<p>P</p> D、<div>DIV</div>, <span>SPAN</span>, <p>P</p>3、HTML 代碼:<div class="notMe&qu

3、ot;>div class="notMe"</div><div class="myClass">div class="myClass"</div><span class="myClass">span class="myClass"</span>jQuery 代碼: $(".myClass"); 結(jié)果:（ D ）A、 <div class="notMe">div class=&qu

4、ot;notMe"</div> B、<div class="myClass">div class="myClass"</div> C、<span class="myClass">span class="myClass"</span> D、<div class="myClass">div class="myClass"</div>, <span class="myCla

5、ss">span class="myClass"</span> 4、HTML 代碼:<div>DIV1</div><div>DIV2</div><span>SPAN</span>jQuery 代碼: $("div"); 結(jié)果:（ B ）A、 <div>DIV2</div> B、<div>DIV1</div>, <div>DIV2</div> C、<div>DIV1</

6、div> 5、HTML 代碼:<div id="notMe"><p>id="notMe"</p></div><div id="myDiv">id="myDiv"</div>jQuery 代碼: $("#myDiv"); 結(jié)果:（ A ）A、 <div id="myDiv">id="myDiv"</div> B、<p>id="notMe

7、"</p> C、<div id="notMe"><p>id="notMe"</p></div>D、<div id="notMe"><p>id="notMe"</p></div><div id="myDiv">id="myDiv"</div> 6、HTML 代碼:<div>div</div><p class=

8、"myClass">p class="myClass"</p><span>span</span><p class="notMyClass">p class="notMyClass"</p>jQuery 代碼: $("div,span,p.myClass") 結(jié)果:（ A ）A、 <div>div</div>, <p class="myClass">p class="

9、myClass"</p>, <span>span</span> B、 <p class="myClass">p class="myClass"</p>C、 <p class="notMyClass">p class="notMyClass"</p>D、 <div>div</div>7、HTML 代碼:<form><label>Name:</label><in

10、put name="name" /><fieldset><label>Newsletter:</label><input name="newsletter" /></fieldset></form><input name="none" />jQuery 代碼:$("form input") 結(jié)果:（ B ） A、<input name="name" />B、 <input name=&qu

11、ot;name" />, <input name="newsletter" /> C、<input name="newsletter" />8、HTML 代碼:<form><label>Name:</label><input name="name" /><fieldset><label>Newsletter:</label><input name="newsletter" />&l

12、t;/fieldset></form><input name="none" />jQuery 代碼: $("form > input") 結(jié)果:（D ）A、 <input name="name" /> B、 <input name="newsletter" />C、 <input name="none" />D、 <label>Newsletter:</label>9、HTML 代碼:<form

13、><label>Name:</label><input name="name" /><fieldset><label>Newsletter:</label><input name="newsletter" /></fieldset></form><input name="none" />jQuery 代碼: $("label + input") 結(jié)果:（ C ）A、 <input na

14、me="newsletter" />B、 <input name="name" />C、 <input name="name" />, <input name="newsletter" /> D、 <label>Newsletter:</label>10、HTML 代碼:<form><label>Name:</label><input name="name" /><fields

15、et><label>Newsletter:</label><input name="newsletter" /></fieldset></form><input name="none" />jQuery 代碼: $("form input") 結(jié)果:（C ）A、<input name="newsletter" />B、<input name="name" />C、 <input name=

16、"none" /> D、<label>Newsletter:</label>11、HTML 代碼:<table><tr><td>Header 1</td></tr><tr><td>Value 1</td></tr><tr><td>Value 2</td></tr></table>jQuery 代碼: $("tr:eq(1)") 結(jié)果:（ B ）A、 <t

17、r><td>Value 1</td></tr> B、<td>Value 1</td> C、<td>Value 2</td> D、<td>Header 1</td>12、HTML 代碼:<table><tr><td>Header 1</td></tr><tr><td>Value 1</td></tr><tr><td>Value 2</td>&

18、lt;/tr></table>jQuery 代碼:$("tr:first") 結(jié)果:（ D ）A、 <tr><td>Header 1</td></tr> B、<td>Value 1</td> C、<td>Value 2</td> D、<td>Header 1</td>13、HTML 代碼:<table><tr><td>Header 1</td></tr><tr><

19、;td>Value 1</td></tr><tr><td>Value 2</td></tr></table>jQuery 代碼: $("tr:gt(0)") 結(jié)果:（ B ）A、<tr><td>Header 1</td></tr>B、 <tr><td>Value 1</td></tr>, <tr><td>Value 2</td></tr> C、

20、<tr><td>Value 2</td></tr>D、<td>Value 2</td>14、HTML 代碼:<table><tr><td>Header 1</td></tr><tr><td>Value 1</td></tr><tr><td>Value 2</td></tr></table>jQuery 代碼: $("tr:odd") 結(jié)果

21、:（ A ）A、 <tr><td>Value 1</td></tr> B、 <tr><td>Header 1</td></tr>C、 <td>Value 1</td>D、 <tr><td>Value 2</td></tr>15、HTML 代碼:<table><tr><td>Value 1</td><td></td></tr><tr>&

22、lt;td>Value 2</td><td></td></tr></table>jQuery 代碼: $("td:empty") 結(jié)果:（D ）A、<td>Value 1</td> B、 <td></td>, <td></td> C、<td>Value 2</td> D、<td></td>16、HTML 代碼:<table><tr><td>Value 1&

23、lt;/td><td></td></tr><tr><td>Value 2</td><td></td></tr></table>jQuery 代碼: $("td:parent") 結(jié)果:（A ）A、 <td>Value 1</td> B、 <td></td>, <td></td> C、<td>Value 2</td> D、 <td>Value 1

24、</td>, <td>Value 1</td> 17、HTML 代碼:<table><tr style="display:none"><td>Value 1</td></tr><tr><td>Value 2</td></tr></table>jQuery 代碼: $("tr:hidden") 結(jié)果:（ 一 ）1、 <tr style="display:none"><

25、;td>Value 1</td></tr> 2、 <tr><td>Value 2</td></tr>3、 <td>Value 1</td>4、 <td>Value 2</td>18、 HTML 代碼:<input name="man-news" /><input name="milkman" /><input name="letterman2" /><input nam

26、e="newmilk" />jQuery 代碼: $("inputname*='man'") 結(jié)果:（ A ）A、 <input name="man-news" /> B、<input name="milkman" /> C、<input name="letterman2" />D、 <input name="man-news" />, <input name="milkman"

27、/>, <input name="letterman2" /> 19、HTML 代碼:<form><input name="email" disabled="disabled" /><input name="id" /></form>jQuery 代碼: $("input:enabled") 結(jié)果:（ B ）A、 <input name="email" disabled="disabled&qu

28、ot; /> B、 <input name="id" /> C、<input name="email" disabled="disabled" /><input name="id" />20、HTML 代碼:<div></div>jQuery 代碼: $("div").html("<p>Hello Again</p>"); 結(jié)果:（ B ）A、 <div></div&g

29、t;B、 <div><p>Hello Again</p></div> C、 <p>Hello Again</p>D、 Hello Again得分評卷人二、填空題（共30分，每空2分）21、HTML 代碼:<p> This is just a test.</p> <p> So is this</p>jQuery 代碼: $("p").eq(1) 結(jié)果: _<p>So is this</p>_22、HTML 代碼:<p>He

30、llo</p><p id="selected">Hello Again</p>jQuery 代碼: $("p").not( $("#selected")0 ) 結(jié)果:_<p>Hello</p>_23、HTML 代碼:<p>Hello</p><p>Hello Again</p><div><span>And Again</span></div>jQuery 代碼:$("p&q

31、uot;).next()_ 結(jié)果: <p>Hello Again</p>, <div><span>And Again</span></div> 24、HTML 代碼:<form><input type="checkbox" /></form>jQuery 代碼: $("input _ _='checkbox'").parent().is("form") 結(jié)果:_true_25、HTML 代碼:<p>H

32、ello</p><p id="selected">Hello Again</p>jQuery 代碼: $("_p_").not( $("_"#selected"_") _0_ ) 結(jié)果: <p>Hello</p> 26、HTML 代碼:<p>I would like to say: </p>jQuery 代碼: $("_p_").append("_<b>Hello</b>_&qu

33、ot;); 結(jié)果: <p>I would like to say: <b>Hello</b></p> 27、HTML 代碼:<img src="test.jpg"/>jQuery 代碼: $("img").attr("title", function() return this.src ); 結(jié)果: <img src="_test.jpg_" title="_test.jpg_" />28、HTML 代碼:<p>

34、Hello</p><div><span>Hello Again</span></div><p>And Again</p>jQuery 代碼: $("_p_")._has(div)_ 結(jié)果: <div><span>Hello Again</span></div> 29、HTML 代碼:<p>Hello</p><div><span>Hello Again</span></div>

35、;<p>And Again</p>jQuery 代碼: $("div")._siblings()_ 結(jié)果: <p>Hello</p>, <p>And Again</p> 得分評卷人三、編程題（共30分，每題10分）30、HTML：<html><body><div id="show"></div><input type="butoon" id="ok" value="ok"

36、/></body></html>要求：當(dāng)單擊ok按紐后，向test.jsp發(fā)送一個異步請求，請求參數(shù)為"name=zhangsan,sex=f,age=18",并且將test.jsp響應(yīng)回來的數(shù)據(jù)顯示在id為show的div中31、當(dāng)單擊id為ok的按紐，將所有段落的字體顏色設(shè)為紅色并且背景為藍(lán)色。32、根據(jù)右圖，補(bǔ)全java script代碼，可忽略css代碼<html><style>/.</style><script language="javascript" src="