JQuery题库.docx
JQuery题库 1、HTML 代码: <p>one</p><div><p>two</p></div><p>three</p> jQuery 代码: $("div > p"); 结果: A、 <p>two</p> B、<p>one</p> C、<p>three</p> D、<div><p>two</p></div> 2、HTML 代码: <div>DIV</div> <span>SPAN</span> <p>P</p> jQuery 代码: $("*") 结果: 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">div class="notMe"</div> <div class="myClass">div class="myClass"</div> <span class="myClass">span class="myClass"</span> jQuery 代码: $(".myClass"); 结果: A、 <div class="notMe">div class="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>, class="myClass"</span> 4、HTML 代码: <div>DIV1</div> <div>DIV2</div> <span>SPAN</span> <span class="myClass">span jQuery 代码: $("div"); 结果: A、 <div>DIV2</div> B、<div>DIV1</div>, <div>DIV2</div> C、<div>DIV1</div> 5、HTML 代码: <div id="notMe"><p>id="notMe"</p></div> <div id="myDiv">id="myDiv"</div> jQuery 代码: $("#myDiv"); 结果: A、 <div id="myDiv">id="myDiv"</div> B、<p>id="notMe"</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="myClass">p class="myClass"</p> <span>span</span> <p class="notMyClass">p class="notMyClass"</p> jQuery 代码: $("div,span,p.myClass") 结果: A、 <div>div</div>, <p class="myClass">p class="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> <input name="name" /> <fieldset> <label>Newsletter:</label> <input name="newsletter" /> </fieldset> </form> <input name="none" /> jQuery 代码:$("form input") 结果: A、<input name="name" /> B、 <input name="name" />, <input name="newsletter" /> C、<input name="newsletter" /> 8、HTML 代码: <form> <label>Name:</label> <input name="name" /> <fieldset> <label>Newsletter:</label> <input name="newsletter" /> </fieldset> </form> <input name="none" /> jQuery 代码: $("form > input") 结果: A、 <input name="name" /> B、<input name="newsletter" /> C、<input name="none" /> D、<label>Newsletter:</label> 9、HTML 代码: <form> <label>Name:</label> <input name="name" /> <fieldset> <label>Newsletter:</label> <input name="newsletter" /> </fieldset> </form> <input name="none" /> jQuery 代码: $("label + input") 结果: A、<input name="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" /> <fieldset> <label>Newsletter:</label> <input name="newsletter" /> </fieldset> </form> <input name="none" /> jQuery 代码: $("form input") 结果: A、<input name="newsletter" /> B、<input name="name" /> C、 <input name="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)") 结果: A、 <tr><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></tr> </table> jQuery 代码:$("tr:first") 结果: 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><td>Value 1</td></tr> <tr><td>Value 2</td></tr> </table> jQuery 代码: $("tr:gt(0)") 结果: A、<tr><td>Header 1</td></tr> B、 <tr><td>Value 1</td></tr>, <tr><td>Value 2</td></tr> C、<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") 结果: 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><td>Value 2</td><td></td></tr> </table> jQuery 代码: $("td:empty") 结果: A、<td>Value 1</td> B、 <td></td>, <td></td> C、<td>Value 2</td> 16、HTML 代码: <table> <tr><td>Value 1</td><td></td></tr> <tr><td>Value 2</td><td></td></tr> </table> jQuery 代码: $("td:parent") 结果: A、<td>Value 1</td> B、 <td></td>, <td></td> C、<td>Value 2</td> D、 <td>Value 1</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") 结果: 一、 <tr style="display:none"><td>Value 1</td></tr> 二、<tr><td>Value 2</td></tr> 三、<td>Value 1</td> 四、<td>Value 2</td> 18、HTML 代码: <input name="man-news" /> D、<td></td> <input name="milkman" /> <input name="letterman2" /> <input name="newmilk" /> jQuery 代码: $("inputname*='man'") 结果: A、<input name="man-news" /> B、<input name="milkman" /> C、<input name="letterman2" /> D、 <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> 19、HTML 代码: <form> <input name="email" disabled="disabled" /> <input name="id" /> </form> jQuery 代码: $("input:enabled") 结果: A、<input name="email" disabled="disabled" /> B、 <input name="id" /> C、<input name="email" disabled="disabled" /><input name="id" /> 20、HTML 代码: <div></div> jQuery 代码: $("div").html("<p>Hello Again</p>"); 结果: A、<div></div> B、 <div><p>Hello Again</p></div> C、<p>Hello Again</p> D、Hello Again 1.下面哪种不是jquery的选择器?(D) A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器 2.当DOM加载完成后要执行的函数,下面哪个是正确的?(C) A.jQuery(expression, context) B、jQuery(html, ownerDocument) C、jQuery(callback) D、jQuery(elements) 3.下面哪一个是用来追加到指定元素的末尾的?(C) A、insertAfter B、append C、appendTo D、after 4.下面哪一个不是jquery对象访问的方法?(D) A、each(callback) B、size C、index(subject) D、index 5.有这样一个表单元素,想要找到这个hidden元素,下面哪个是正确的?(B) A、visible B、hidden C、visible D、hidden 6.如果需要匹配包含文本的元素,用下面哪种来实现?(B) A、text B、contains C、input D、attr(name) 7.如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素?(C) A、text B、get C、eq D、contents 8.下面哪种不属于jquery的筛选? A、过滤 B、自动 C、查找 D、串联 9.如果想在一个指定的元素后添加内容,下面哪个是实现该功能的? A、append(content) B、appendTo(content) C、insertAfter(content) D、after(content) 10.在jquey中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的? A、delete B、empty C、remove D、removeAll 11.在jquery中,想要给第一个指定的元素添加样式,下面哪一个是正确的? A、first B、eq(1) C、css(name) 12.在jquery中,如果想要获取当前窗口的宽度值,下面哪个是实现该功能的? A、width B、width(val) C、width D、innerWidth 13.为每一个指定元素的指定事件绑定一个事件处理器函数,下面哪个是用来实现该功能的? Bind one unbind trigger A、trigger (type) B、bind(type) C、one(type) 14.在一个表单中,如果想要给输入框添加一个输入验证,可以用下面的哪个事件实现? (D) A、hover(over ,out) B、keypress C、change D、change(fn) 15.当一个文本框中的内容被选中时,想要执行指定的方法时,可以使用下面哪个事件来实现? A、click(fn) B、change(fn) C、select(fn) D、bind(fn) 16.在jquery中想要实现通过远程http get请求载入信息功能的是下面的哪一下事件? (C) A、$.ajax B、load(url) C、$.get(url) D、$. getScript(url) 17.下面不属于ajax事件的是? (C) A、ajaxComplete(callback) B、ajaxSuccess(callback) C、$.post(url) D、ajaxSend(callback) 18.使用jquery检查<input type="hidden" id="id" name="id" />元素在网页上是否存在。 A:if($("#id") /do someing. B: if($("#id").length > 0) /do someing. C: if($("#id").length > 0) /do someing. D: if($("#id").size > 0) /do someing. 19.<a href="xxx.jpg" title="温家宝出席学校.">新闻</a>,获取<a>元素title的属性值。 A:$("a").attr("title").val; B:$("#a").attr("title"); C:$("a").attr("title"); D:$("a").attr("title").value; 执行下面语句 $(document).ready(function $("#click").click(function alert("click one time"); ); $("#click").click(function alert("click two time"); ); ); 20.单击按钮<input type="button" id="click" value="点击我"/>,这个会有什么效果。 A:弹出一次对话框,显示click one time 。 B:弹出一次对话框,显示click two time 。 C:弹出两次对话框,依次显示click one time,click two time。 D:js编译错误。 21.页面中有三个元素,如下:<div>div标签</div><span>span标签</span><p>p标签</p>,如果这三个标签要触发同一个事件,那么正确的写法是。 A:$("div,span,p").click(function / ); B:$("div | span | p").click(function / ); C:$("div + span + p").click(function / ); D:$("div span p").click(function / ); 22.页面中有一个select标签,代码如下: <select id="sel"> <option value="0">请选择</option> <option value="1">选项一</option> <option value="2">选项二</option> <option value="3">选项三</option> <option value="4">选项四</option> </select>,要使“选项四”选中的正确写法。 A:$("#sel").val("选项四"); B:$("#sel").val("4"); C:$("#sel > option:eq(4)").checked; D:$("#sel option:eq(4)").attr("selected"); 23.页面中有一个性别单选按钮,请设置”男”为选中状态。代码如下: <input type="radio" name="sex"> 男 <input type="radio" name="sex"> 女 正确的是 A:$("sex0").attr("checked",true); B:$("#sex0").attr("checked",true); C:$("name=sex:radio").attr("checked",true); D:$(":radioname=sex:eq(0)").attr("checked",true); 24、在页面中有一个ul元素,代码如下: <ul> <li title='苹果'>苹果</li> <li title='橘子'>橘子</li> <li title='菠萝'>菠萝</li> </ul>,下面对节点的操作哪一个说法不正确。 A:var $li = $("<li title='香蕉'>香蕉</ii>"); 是创建节点。 B: $("ul").after($("<li title='香蕉'>香蕉</li>"); 是给ul追加节点。 C:$("ul li:eq(1)").remove;是删除ul下“橘子“那个节点。 D:以上说法都不对 25、页面有一个<input type="text" id="name" name="name" value=""/>元素,动态设置该元素的值。正确的选项是。 A:$("#name").val("动态设值"); B:$("#name").text("动态设值"); C:$("#name").html("动态设值"); =innerHTML D:$("#name").value("动态设值"); 26、下面说法不正确的是 A:$(":hidden")选取<input>的type类型是hidden的不可见元素。 B:$("div >span")选取<div>元素下元素名是<span>的子元素。 C:$("div :first")选取所有<div>元素中第一个<div>元素。 D:$("input:gt(1)")选取索引值大于1的<input>元素。 27、下面说法不正确的是 A :$("input:checked")选取所有被选中的<input>元素 B :$("#form:disabled")选取id为form的表单内的所有不可用元素 C :$("#name").is(":visible")是判断id为name的元素的可见性 D :$("div ").addClass("background","url(img/up.gif) ")是设置样式的 28、在jquery中想要找到所有元素的同辈元素,下面哪一个是可以实现的 A:nextAll(expr) B:siblings(expr) C:next D:find(expr) 29、下面选项中哪一个是和$("#foo")等价的写法。 A:$("foo#") B:$(#"foo") C:$ ("foo") D:jQuery("#foo") 30、在jquery中指定一个类,如果存在就执行删除功能,如果不存在就执行添加功能,下面哪一个是可以直接完成该功能的? A、eq(index) B、find(expr) C、siblings(expr) D、next 下面哪种不是jquery的选择器?(单选) A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器 考点:jquery的选择器 (C) 当DOM加载完成后要执行的函数,下面哪个是正确的?(单选) jQuery(expression, context) B、jQuery(html, ownerDocument) C、jQuery(callback) D、jQuery(elements) 考点:jquery的核心函数 (C) 下面哪一个是用来追加到指定元素的末尾的?(单选) A、insertAfter B、append C、appendTo D、after 考点:jquery的核心函数 (C) 下面哪一个不是jquery对象访问的方法?(单选) A、each(callback) B、size C、index(subject) D、index 考点: jquery的核心函数之对象访问 jquery访问对象中的size方法的返回值和jQuery对象的_属性一样. 考点:jquery的核心函数之对象访问 jquery中$(this).get(0)的写法和_是等价的。 考点:jquery的核心函数之对象访问 7. 有这样一个表单元素 ,想要找到这个hidden元素,下面哪个是正确的?(单选) A、visible B、hidden C、visible D、hidden 考点:jquery的选择器 如果需要匹配包含文本的元素,用下面哪种来实现?(单选) A、text B、contains C、input D、attr(name) 考点:jquery的选择器 现有一个表格,如果想要匹配所有行数为偶数的,用_实现,奇数的用_实现。 考点:jquery的选择器 如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素?(单选) A、text B、get C、eq D、contents 考点:jquery的选择器 在一个表单里,想要找到指定元素的第一个元素用_实现,那么第二个元素用_实现。 考点:jquery的选择器 下面哪种不属于jquery的筛选? A、过滤 B、自动 C、查找 D、串联 考点:jquery的筛选 (B) 下面哪几种是属于jquery文档处理的? A、包裹 B、替换 C、删除 D、内部和外部插入 考点:jquery的文档处理 (ABD) 如果想在一个指定的元素后添加内容,下面哪个是实现该功能的? A、append(content) B、appendTo(content) C、insertAfter(content) D、after(content) 考点:jquery的文档处理 (D) 在jquery中,用一个表达式来检查当前选择的元素集合,使用_来实现,如果这个表达式失效,则返回_值。 考点:jquery的筛选 在jquey中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的? A、delete B、empty C、remove D、removeAll 考点:jquery的文档处理 在jquery中,想要给第一个指定的元素添加样式,下面哪一个是正确的? A、first B、eq(1) C、css(name) D、css(name,value) 考点: jquery的css处理 在编写页面的时候,如果想要获取指定元素在当前窗口的相对偏移,用_来实现,该方法的返回值有两个属性,分别是_和_。 考点:jquery的css处理 在jquery中,如果想要获取当前窗口的宽度值,下面哪个是实现该功能的? A、width B、width(val) C、width D、innerWidth 考点:jquery的css处理 在一个表单中,如果将所有的div元素都设置为绿色,实现功能是_。 考点:jquery的css处理 ($(“div”).css(“color”,”green”) 为每一个指定元素的指定事件绑定一个事件处理器函数,下面哪个是用来实现该功能的? A、trigger (type) B、bind(type) C、one(type) D、bind 考点:jquery的事件操作 (B) 在jquery中,鼠标移动到一个指定的元素上,会触发指定的一个方法,实现该操作的是_。 考点:jquery的事件操作 (hover(over,out) 下面哪几个不是属于jquery的事件处理? (多选) A、bind(type) B、click C、change D、one(type) 考点:jquery的事件处理 (BC) 在一个表单中,如果想要给输入框添加一个输入验证,可以用下面的哪个事件实现? (单选) A、hover(over ,out) B、keypress C、change D、change(fn) 考点:jquery的事件处理 (D) 当一个文本框中的内容被选中时,想要执行指定的方法时,可以使用下面哪个事件来实现? A、click(fn) B、change(fn) C、select(fn) D、bind(fn) 考点:jquery的事件处理 (C) 在jquery中,想让一个元素隐藏,用_实现,显示隐藏的元素用_实现。 考点:jquery的页面效果 在一个表单中,用600毫秒缓慢的将段落滑上,用_来实现。 考点:jquery的页面效果 在jquery中,如果想要自定义一个动画,用_函数来实现。 考点:jquery的页面效果 (animate(params, options) 在jquery中想要实现通过远程http get请求载入信息功能的是下面的哪一下事件? (单选) A、$.ajax B、load(url) C、$.get(url) D、$. getScript(url) 考点:jquery的ajax (C) 下面不属于ajax事件的是? (单选) A、ajaxComplete(callback) B、ajaxSuccess(callback) C、$.post(url) D、ajaxSend(callback) 考点:jquery的ajax 彻底将jQuery变量还原,可以使用_方法实现。 考点:jquery的多库共存 ($.noConflict(extreme) 上机题: 用jquery 来实现动态添加和删除表格行 在一个表单中,查找所有选中的input元素,可以用jquery中的_来实现。 考点:jquery的选择器 下面哪几种是jquery中表单的对象属性? A、:checked B、: enabled C、:hidden D、:selected E、:file F、: disabled 考点:jquery的选择器 在jquery中如果将一个“名/值”形式的对象设置为所有指定元素的属性,可以用_实现。 考点:jquery选择器之属性 在jquery中指定一个类,如果存在就执行删除功能,如果不存在就执行添加功能,下面哪一个是可以直接完成该功能的? A、removeClass B、deleteClass C、toggleClass(class) D、addClass 考点:jquery的属性 在jquery中想要找到所有元素的同辈元素,下面哪一个是可以实现的? A、eq(index) B、find(expr) C、siblings(expr) D、next 考点:jquery的筛选 二、css测试题 css的语法由_、_、_三部分组成。 考点:css的语法 (选择器、属性和值) 下面哪一个不是检索一个对象的定位方式的属性? A、static B、absolute C、fixed D、top 考点:css的定位 下面哪个是display布局中用来设置对象以块显示,并添加新行的? A、inline B、none C、block D、compact 考点:css的布局 (C) 设置边框的边框样式用_实现,设置边框的颜色用_实现。 考点:css的边框 设置一个div的最小宽度为100像素,最大高度为50像素,实现这两个设置的方法是_、_。 考点:css的尺寸 (min-width:100px; min-height:50px;) 为一个图片设置成背景图像后,设置背景图像在纵向和横向上平铺,下面哪个是实现该功能的? (单选) A、no-repeat B、repeat C、repeat-x D、repeat-y 考点:css的背景background (repeat) 想要设置一个对象外的线条轮廓的样式为虚线边框,用_实现该功能。 考点:css的轮廓outline (outline-style: dashed) 在css中,如果想要阻止计数器增加的,用_来实现。 考点:css的内容content (counter-increment : none) 在编写css样式的时候,如果想要设置标记容器和主容器之间的补白,用marker-offset_来表示。 考点:css的列表 (marker-offset) 如果想设置表格的行与单元格的边框合并在一起,可以用_来实现。 考点:css的表格 如果想设置一个对象内文本的流动和方向,用_标签来实现,该标签有两个值,分别是_、_。 考点:css的文本Text 在编写css样式的时候,如果想要设置文本的对齐方式,下面哪一个不是text-align下的值? A、left B、right C、top D、justify 考点:css的文本 Text (C) 在css中,如果想要设置对象中文本的样式,下面哪一个不是该标签的值?(单选) A、blink B、line-through C、color D、overline 考点:css的字体font 在css中,设置滚动条的表面颜色,是用下面的哪个标签来实现的? A、scrollbar-base-color B、scrollbar-face-color C、scrollbar-arrow-color D、scrollbar-shadow-color 考