Jquery面试题(修改版)-个人总结

单选：1、下面哪一种不属于Jquery的选择器。（D）A：基本选择器B：层次选择器C：表单选择器D：节点选择器2、使用jquery检查inputtype=hiddenid=idname=id/元素在网页上是否存在。（B）A：if($(#id)){//dosomeing...}B:if($(#id).length0){//dosomeing...}C:if($(#id).length()0){//dosomeing...}D:if($(#id).size0){//dosomeing...}3、ahref=xxx.jpgtitle=温家宝出席学校...新闻/a,获取a元素title的属性值。（C）A：$(a).attr(title).val();B：$(#a).attr(title);C：$(a).attr(title);D：$(a).attr(title).value;4、执行下面语句$(document).ready(function(){$(#click).click(function(){alert(clickonetime);});$(#click).click(function(){alert(clicktwotime);});});单击按钮inputtype=buttonid=clickvalue=点击我/，这个会有什么效果。（C）A：弹出一次对话框，显示clickonetime。B：弹出一次对话框，显示clicktwotime。C：弹出两次对话框，依次显示clickonetime，clicktwotime。D：js编译错误。5、页面中有三个元素，如下：divdiv标签/divspanspan标签/spanpp标签/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(){//…});6、页面中有一个select标签，代码如下：selectid=seloptionvalue=0请选择/optionoptionvalue=1选项一/optionoptionvalue=2选项二/optionoptionvalue=3选项三/optionoptionvalue=4选项四/option/select，要使“选项四”选中的正确写法。（B）A：$(#sel).val(选项四);B：$(#sel).val(4);C：$(#seloption:eq(4)).checked;D：$(#seloption:eq(4)).attr(selected);7、页面中有一个性别单选按钮，请设置”男”为选中状态。代码如下：inputtype=radioname=sex男inputtype=radioname=sex女正确的是（D）A：$(sex[0]).attr(checked,true);B：$(#sex[0]).attr(checked,true);C：$([name=sex]:radio).attr(checked,true);D：$(:radio[name=sex]:eq(0)).attr(checked,true);8、在页面中有一个ul元素，代码如下：ullititle='苹果'苹果/lilititle='橘子'橘子/lilititle='菠萝'菠萝/li/ul，下面对节点的操作哪一个说法不正确。（D）A：var$li=$(lititle='香蕉'香蕉/ii);是创建节点。B：$(ul).append($(lititle='香蕉'香蕉/ii));是给ul追加节点。C：$(ulli:eq(1)).remove();是删除ul下“橘子“那个节点。D：以上说法都不对9、页面有一个inputtype=textid=namename=namevalue=/元素，动态设置该元素的值。正确的选项是。（A）A：$(#name).val(动态设值);B：$(#name).text(动态设值);C：$(#name).html(动态设值);D：$(#name).value(动态设值);10、下面说法不正确的是（A）A：$(:hidden)选取input的type类型是hidden的不可见元素。B：$(divspan)选取div元素下元素名是span的子元素。C：$(div:first)选取所有div元素中第一个div元素。D：$(input:gt(1))选取索引值大于1的input元素。11、下面说法不正确的是（D）A：$(input:checked)选取所有被选中的input元素B：$(#form:disabled)选取id为form的表单内的所有不可用元素C：$(#name).is(:visible)是判断id为name的元素的可见性D：$(div).addClass(background,url(img/up.gif))是设置样式的12、如果需要匹配包含文本的元素，用下面哪种来实现（B）A：text()B：contains()C：input()D：attr(name)13、下面不属于Jquery的ajax全局事件的是（C）A：ajaxComplete(callback)B：ajaxSuccess(callback)C：$.post(url)D：ajaxSend(callback)14、在jquey中，如果想要从DOM中删除所有匹配的元素，下面哪一个是正确的（C）A：delete()B：empty()C：remove()D：removeAll()15、在jquery中想要找到所有元素的同辈元素，下面哪一个是可以实现的（B）A：nextAll([expr])B：siblings([expr])C：next()D：find([expr])16、下面选项中哪一个是和$(#foo)等价的写法。（D）A：$(foo#)B：$(#foo)C：$(foo)D：jQuery(#foo)多选：1、获取divid=content内容…/div标签里的文本内容。（BC）A:$(#content).val();B:$(#content).html();C:$(#content).text();D:$(#content).innerHTML();2、案例代码如下bodyform用户名：inputtype=textid=usernamename=username/密码：inputtype=passwordid=pwdname=pwd//form/body请用jquery选择器选取username文本框输入值的内容：（ABCD）A:$(#username).val();B:$(input)[0].value;C:$(input[name=username]).val();D:$(:input[name=username]).val();3、案例代码如下：bodyformdivclass=big大字体/divdivclass=small小字体/div/form/body请选取文本是大字体的div对象。（ACD）A：$(div.big);B：$(div.big);C：$(div:contains('大字体'));D：$(formdiv.big);填空：1、假设页面有pIwouldliketosay:/p一个元素，当执行$(p).append(bHello/b);时，页面代码会动态加载为pIwouldliketosay:bHello/b/p。当执行$(p).affter(bHello/b);时,页面代码会动态加载为pIwouldliketosay:/pbHello/b。2、请写出页面元素的动态显示和隐藏操作代码。假设页面有查看按钮，要控制查看按钮的可见性：inputtype=buttonid=queryvalue=查看/，设置按钮不可见：$(#query).hide();或者$(#query).css(display,none);设置按钮可见：$(#query).show();或者$(#query).css(display,block);3、执行下面代码：$(document).ready(function(){vararray=['墨家','墨子'];varstr=[;$.each(array,function(parm1,parm2){str+={parm1:+parm1+,+parm2:+parm2+},;});str=str.substring(0,str.length-1)+];alert(str);});请写出打印结果：[{parm1:0,parm2:'墨家'},{parm1:1,parm2:'墨子'}]4、执行下面代码：$(document).ready(function(){varresult=$.extend({},{name:Tom,age:21},{sex:boy,age:27,email:[e-mail]});alert(result);});写出result结构：{name:'Tom',age:27,sex:'boy',email:'[e-mail]'}基本选择器$(#myELement)选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素$(div)选择所有的div标签元素，返回div元素数组$(.myClass)选择使用myClass类的css的所有元素$(*)选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$(#myELement,div,.myclass)层叠选择器：$(forminput)选择所有的form元素中的input元素$(#main*)选择id值为main的所有的子元素$(label+input)选择所有的label元素的下一个input元素节点，经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素$(#prev~div)同胞选择器，该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签基本过滤选择器：$(tr:first)选择所有tr元素的第一个$(tr:last)选择所有tr元素的最后一个$(input:not(:checked)+span)过滤掉：checked的选择器的所有的input元素$(tr:even)选择所有的tr元素的第0，2，4......个元素（注意：因为所选择的多个元素时为数组，所以序号是从0开始）$(tr:odd)选择所有的tr元素的第1，3，5......个元素$(td:eq(2))选择所有的td元素中序号为2的那个td元素$(td:gt(4))选择td元素中序号大于4的所有td元素$(td:ll(4))选择td元素中序号小于4的所有的td元素$(:header)$(div:animated)内容过滤选择器：$(div:contains('John'))选择所有div中含有John文本的元素$(td:empty)选择所有的为空（也不包括文本节点）的td元素的数组$(div:has(p))选择所有含有p标签的div元素$(td:parent)选择所有的以td为父节点的元素数组可视化过滤选择器：$(div:hidden)选择所有的被hidden的div元素$(div:visible)选择所有的可视化的div元素属性过滤选择器：$(div[i