Ajax-jquery考试题
1.下列json表示的对象定义正确的是：
A.var str1={'name':'ls','addr':{'city':'bj','street':'ca'} };
B.var str1={'name':'ls','addr':{'city':bj,'street':'ca'} };
C.var str = {'study':'english','computer':20};
D.var str = {'study':english,'computer':20};
2.下列选项中涉及到DOM对象和jQuery对象的相互转换及转换后的使用，正确是：
A.function trans(){
var obj = ElementById('d_hello');
var $obj = $(obj);
alert($obj.innerHTML);
}
B.function trans(){
var $obj = $('#d_hello');
var obj = $(0);
alert(obj.innerHTML);
}
C.function trans(){
var obj = ElementById('d_hello');
var $obj = $(obj);
alert(obj.html());
}
D.function trans(){
var $obj = $('#d_hello');
var obj = $()[0];
alert($obj.innerHTML);
}
3.请看下列html代码：
<p class="s1">hello</p>
能使文本“hello”字体大小变成40px的jQuery代码是：
A.$('div.s1').css('font-size','40px');
B.$('p.s1').css('font-size','40px');
C.$('#s1').css('font-size','40px');
D.$('p#s1').css('font-size','40px');
4.请看下列html代码：
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ul>
给第二个<li>设置字体颜正确的是：
A.$('ul li:eq(2)').cssStyle('color','red')
B.$('ul li:eq(1)').cssStyle('color','red')
C.$('ul li:eq(2)').css('color','red')
D.$('ul li:eq(1)').css('color','red')
5.请看下列html代码和jQuery代码片段：
<body >
<div >
1002
</div>
<div>
1003
</div>
<input type="hidden" name="userId" value="1001" />
<input type="text" name="userId" value="1002" />
<input type="button" value="可见性过滤选择器" onclick="f3();" />
</body>
jQuery代码如下：
alert($('input:hidden').val());
弹出对话框上显示的内容是：
A.1001
B.1002
C.1003
D.1004
6.在jQuery中，如果想要从DOM中删除所有匹配的元素，下面选项中正确的是:
A.remove()
B.removeAll()
C.empty()
D.delete()
7.dom.html页面有如下代码：
<div id="d1"><span>hello jQuery</span></div>
使用下列jQuery代码：
alert($('#d1').html());
alert($('#d1').text());
弹出框上显示的内容为：
A.[hello jQuery]:[<span>hello jQuery</span>]
B.[<span>hello jQuery</span>]:[<span>hello jQuery</span>]
C.[<span>hello jQuery</span>]:[hello jQuery]
D.[hello jQuery]:[hello jQuery]
8. 在jQuery中$('#hello').css("color","#ff0000")和$('#hello').css("color")表示的含义是:
A.$('#hello').css("color","#ff0000")表示选择id为hello的元素，并且设置该元素字体显示颜为"#ff0000"
$('#hello').css("color")表示选择id为hello的元素，并且取到该元素字体显示的颜
B.$('#hello').css("color","#ff0000")表示所用CSS类为hello的元素，并且设置该元素字体显示颜为"#ff0000"
$('#hello').css("color")表示选择所用CSS类为hello的元素，并且取到该元素字体显示的颜
C.$('#hello').css("color","#ff0000")表示选择id为hello的元素，并且取到该元素字体显示的颜
$('#hello').css("color")表示选择id为hello的元素，并且设置该元素字体显示颜为黑
D.$('#hello').css("color","#ff0000")表示选择所用CSS类为hello的元素，并并且取到该元素字体显示的颜
$('#hello').css("color")表示所用CSS类为hello的元素，并且设置该元素字体显示颜黑
9.请看下列html，css和jQuery代码片段：
html代码如下：
<div class="s1"></div>
css代码如下：
<style>
.s1{
width:100px;
height:100px;
background-color:red;
}
.s2{jquery弹出div窗口
background-color:yellow;
}
</style>
jQuery代码如下：
$(function(){
$('div').hover(function(){
$(this).addClass('s2');
},function(){
$(this).removeClass('s2');
});
});
以上代码在浏览器上显示的效果是：
A.连续点击div上以后，div背景显示为红
B.连续点击div上以后，div背景显示为黄
C.鼠标悬停在div上以后，div背景显示为红
D.鼠标悬停在div上以后，div背景显示为黄
10. 下列代码的功能是:
<html>
<head>
<title>event </title>
<script type="text/javascript" src="js/jquery-1.4.3.js"></script>
<script type="text/javascript">
$(function(){
$('a').click(function(){
alert('helloworld');
});
});
</script>
</head>
<body>
<a href="#">test1<a><br>
<a href="#">test2<a><br>
<a href="#">test3<a><br>
<a href="#">test4<a><br>
</body>
</html>
A.给第二个超链接附加单击事件
B.给最后一个超链接附加单击事件
C.给第一个超链接附加单击事件
D.给每一个超链接附加单击事件
11.有如下html代码：
<input type="button" value="事件绑订" id="b1"/>
现需要使用jQuery给该按钮绑订点击事件，下列选项正确的是：
A.$(function(){
$('#b1').click(function(){
alert('绑订成功');
});
});
B.$(function(){
$('#b1').bind('click',function(){
alert('绑订成功');
});
});
C.$(function(){
$('#b1').onclick(function(){
alert('绑订成功');
});
});
D.$(function(){
$('#b1').('click',function(){
alert('绑订成功');
});
});
12.请看下列html代码：
<ul id="u_item">
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ul>
使用jQuery计算<li>的个数，下列代码正确的是：
A.var $obj = $('ul li');
alert($obj.length());
B.var $obj = $('li');
alert($obj.length);
C.var $obj = $('#li');
alert($obj.length());
D.var $obj = $('#li');
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论