jquery考题集.doc

《jquery考题集.doc》由会员分享，可在线阅读，更多相关《jquery考题集.doc（14页珍藏版）》请在装配图网上搜索。

1、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.下面哪一个是用来追加到指定元素的末尾的？()A、insertAfter() B、append() C、appendTo() D、after()4.下面哪一个不是 jquery 对象访问的方法？(D)A、each(cal

2、lback) 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 的筛

3、选？（B）A、过滤 B、自动 C、查找 D、串联9.如果想在一个指定的元素后添加内容，下面哪个是实现该功能的？（D）A 、 append(content) B 、 appendTo(content) C 、 insertAfter(content) D 、 after(content)10.在 jquey 中，如果想要从 DOM 中删除所有匹配的元素，下面哪一个是正确 的？（C）A、delete() B、empty() C、remove() D、removeAll()11. 在 jquery 中，想要给第一个指定的元素添加样式，下面哪一个是正确的？（C） A、first B 、eq(1) C、

4、css(name)12. 在 jquery 中，如果想要获取当前窗口的宽度值，下面哪个是实现该功能的？ （A）A、width() B、width(val) C、width D、innerWidth()13.为每一个指定元素的指定事件（像 click）绑定一个事件处理器函数，下面哪 个是用来实现该功能的？ （B）Bind one unbind triggerA、trigger (type) B、bind(type) C、one(type)14.在一个表单中，如果想要给输入框添加一个输入验证，可以用下面的哪个事 件实现？ (D)A、hover(over ,out) B、keypress（fn ）

5、C、change() D、change(fn)15.当一个文本框中的内容被选中时，想要执行指定的方法时，可以使用下面哪 个事件来实现？（C）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(call

6、back) C 、 $.post(url) D 、 ajaxSend(callback)18.使用 jquery 检查 元素在网页上是 否存在。（B）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.新闻,获取元素 title 的属 性值。（C）A：$(a).attr(title).val(); B ：$(#a).attr(title);C：$(a).attr(tit

7、le); D ：$(a).attr(title).value;执行下面语句$(document).ready(function()$(#click).click(function()alert(click one time););$(#click).click(function()alert(click two time);););20. 单击按钮，这个会有什么效 果。（C）A：弹出一次对话框，显示 click one time 。B ：弹出一次对话框，显示 click two time 。C ：弹出两次对话框，依次显示 click one time，click two time。D ：js

8、编译错误。21. 页面中有三个元素，如下：div 标签span 标签p 标签，如果这三个标签要触发同一个事件，那么正确的写法是（A）。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 标签，代码如下：请选择选项一选项二选项三选项四，要使“选项四”选中的正确写法。（AB）A ：$(#sel).v

9、al(选项四);B ：$(#sel).val(4);C ：$(#sel option:eq(4).checked;D ：$(#sel option:eq(4).attr(selected);23. 页面中有一个性别单选按钮，请设置”男”为选中状态。代码如下： 男 女 正确的是（D）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

10、 元素，代码如下：苹果橘子菠萝，下面对节点的操作哪一个说法不正确。（D）A ：var $li = $(香蕉); 是创建节点。B ： $(ul).after($(香蕉); 是给 ul 追加节点。C ：$(ul li:eq(1).remove(); 是删除 ul 下“橘子“那个节点。D ：以上说法都不对25、页面有一个 元素， 动态设置该元素的值。正确的选项是。 （A）A ：$(#name).val(动态设值);B ：$(#name).text(动态设值);C ：$(#name).html( 动态设值);=innerHTMLD：$(#name).value(动态设值);26、下面说法不正确的是（A

11、）A ：$(:hidden)选取的 type 类型是 hidden 的不可见元素。B ：$(div span)选取元素下元素名是的子元素。C ：$(div :first)选取所有元素中第一个元素。D ：$(input:gt(1)选取索引值大于 1 的元素。27、下面说法不正确的是 （D）A ：$(input:checked)选取所有被选中的元素B ：$(#form:disabled)选取 id 为 form 的表单内的所有不可用元素C ：$(#name).is(:visible)是判断 id 为 name 的元素的可见性D ：$(div ).addClass(background,url(im

12、g/up.gif) ) 是设置样式的28、在 jquery 中想要找到所有元素的同辈元素，下面哪一个是可以实现的 （B） A：nextAll(expr) B：siblings(expr)C：next() D：find(expr)29、下面选项中哪一个是和$(#foo) 等价的写法。（D）A：$(foo#) B：$(#foo)C：$ (foo) D：jQuery(#foo)30、在 jquery 中指定一个类，如果存在就执行删除功能，如果不存在就执行添 加功能，下面哪一个是可以直接完成该功能的？（C)A、removeClass() B、deleteClass() C、toggleClass(cl

13、ass) D、addClass() 31、在 jquery 中想要找到所有元素的同辈元素，下面哪一个是可以实现的？（C） A、eq(index) B、find(expr) C、siblings(expr) D 、next()多选：1、获取内容标签里的文本内容。（BC ）A: $(#content).val(); B: $(#content).html();C: $(#content).text(); D: $(#content).innerHTML();2、案例代码如下用户名： 密码：请用 jquery 选择器选取 username 文本框输入值的内容：（ ABCD ）A : $(#usern

14、ame).val();B : $(input)0.value;C : $(inputname=username).val();D : $(:inputname=username).val();4、案例代码如下：大字体小字体请选取文本是大字体的 div 对象。（ ACD ）A：$(div.big); B ：$(div .big);C：$(div:contains(大字体); D：$(form div.big);5、下面哪几种是 jquery 中表单的对象属性？（ ABDF）A、:checked B、: enabled C 、:hidden D、:selected E、:file F、: disa

15、bled 6、下面哪几个不是属于 jquery 的事件处理? (BC)A、bind(type) B 、click() C、change() D、one(type)填空：1、 假 设 页 面 有 I would like to say: 一 个 元 素 ， 当 执 行 $(p).append(Hello);时，页面代码会动态加载为 I would like to say: Hello 。当执行$(p).affter(Hello);时, 页面代码会 动态加载为 I would like to say: Hello 。1、 请写出页面元素的动态显示和隐藏操作代码。假设页面有查看按钮，要控制查看按钮的

16、可见性： ，设置按钮不可见：$(#query).hide(); 或者 $(#query).css(display,none); 设置 按钮可见：$(#query).show();或者$(#query).css(display,block); 3、执行下面代码：$(document).ready(function()var array =墨家,墨子;var str = ;$.each( array, function(parm1,parm2)str += parm1: + parm1 + , + parm2: + parm2 + ,;);str = str.substring(0, str.le

17、ngth - 1) + ;alert(str););请写出打印结果parm1:0,parm2: 墨家,parm1:1,parm2: 墨子4.现有一个表格，如果想要匹配所有行数为偶数的，用_odd_实现，奇数 的用_even_ 实现。5、执行下面代码：$(document).ready(function()var result = $.extend(,name:Tom,age:21,sex:boy,age: 27, email:ydw);alert(result););写出 result 结构name:Tom,age:27,sex:boy,email:ydw6、 jquery 访问对象中的 si

18、ze()方法的返回值和 jQuery 对象的_.length_属 性一样.7、 jquery 中$(this).get(0)的写法和_$(this)0_是等价的。8、 在一个表单里，想要找到指定元素的第一个元素用 _first_ 实现，那么第 二个元素用_eq(0)_ 实现。9、 在 jquery 中，用一个表达式来检查当前选择的元素集合，使用_is()_ 来 实现，如果这个表达式失效，则返回_false_ 值。10、 在编写页面的时候，如果想要获取指定元素在当前窗口的相对偏移，用_offset_来实现，该方法的返回值有两个属性，分别是_offset.top_ 和_offset.left_。1

19、1、在一个表单中，如果将所有的div 元素都设置为绿色，实现功能是_$(div).css(color,green);_ .addClass( 样式);_。12、 在 jquery 中，鼠标移动到一个指定的元素上，会触发指定的一个方法，实 现该操作的是_$(p).hover(fun1,fun2)_ 。13、 在 jquery 中，想让一个元素隐藏，用_hide()_实现，显示隐藏的元 素用_show()_实现。14、 在 一 个 表 单 中 ， 用 600 毫 秒 缓 慢 的 将 段 落 滑 上 ， $( 元 素 ).slideUp(slow)_来实现。15、在jquery中 ， 如 果 想 要

20、 自 定 义 一 个 动 画 ， 用_animate(params,options_ 函数来实现.16、用 jquery 来实现动态添加和删除表格行，在一个表单中，查找所有选中的 input 元素，可以用 jquery 中的_.not()_ 来实现。并写出实例代码：17、用 jQuery 实现效果如下：有用户名、密码框、清空按钮。 a.当用户获取文本框焦点时，如果文本框为默认值则清空，b. 失去焦点时，如果文本框为空值，则还原为默认值。c. 点击清空按钮后，将文本框为全部置为默认值。18、写出 jQuery 选择器的分类，及每类选择器下常用选择器用法19、jQuery 中 get 与 post

21、 方式传送数据有何不同？写出实例结果与分析。 $.get(jquery_data.php?v1=1, v2: 2, function(data)$().append(data).appendTo(body);););GET 方式发送结果：V1,V2$.post(jquery_data.php?v1=1, v2: 2, function(data)$().append(data).appendTo(body);););POST 方式发送结果：POST:V2GET:V120、简述 jQuery 中 ajax 传送数据常用参数，并写出小实例并加注释阐明。 $.ajax(Url:数据要处理页面,Type:传送方式)