JQuery(JAVA)

一．选择题

1.$(“#a”)可以选择到下面哪项(D.

)。

2.

要想使选择后的结果只有,使用下面哪个选择器（B.$(“form >input”)）。

3.下面哪项可以选择到标记

：(A.$(“p[id]”))。

4.使用jquery的选择符，必须以什么符号开始(C.$)。

5.有一个表格，要想选择表格的第二行，使用下面哪项:(B.$(“tr:eq(1)”))。

6.

a1

，下面不能选择到该标记的选项是:(C.$(“p:has(a1)”))。

7.下列选项不能选择到表格第一行的是：(C.$(“tr:lt(0)”))。

8.

如何选择到：(A.$(“input:hidden”))。

9.

如何选择到选中的复选框：(A.$(“input:checked”))。

10.取得元素的内容用什么方法：(A.text())。

11.设置元素的HTML用什么方法：(D.html(html))。

12.下面哪一个是用来追加到指定元素的末尾的？(C.appendTo())。

13.下面哪项可以为标记p添加类名为p1的css样式：(C.addClass(“p1”))。

14.下面哪项是用来移除元素的css样式的: (A.removeClass)。

15.要取得该文本框的值，用下面哪个方法: (C.val())。

16.下面哪种不属于jquery的筛选？（B.自动）。

17.17.在jquey中，如果想要从DOM中删除所有匹配的元素，下面哪一个是正确的？（C.remove()）。

18.$(document).ready(fn)是在什么时候执行(C.页面加载后)。

19.$.click(fn)可以用什么代替：(D、bind(“click”,fn))

20.对象获得焦点事件是什么：(B.blur)。

21.鼠标悬停处理函数hover(over,out)，参数over是什么事件触发的函数：(A.鼠标移入)。

22.下列返回值与size()方法一致的是:(A.length属性)。

23.设置元素p的css字体颜色样式，下列css函数正确的是:(D.css({color: "red"}))。

24.jquery的效果方法 show(speed, [callback])，第一个参数代表什么：(A.显示速度)。

25.jquery的效果方法hide(speed, [callback])的第一个参数值不能是:(D.quick)。

26.jquery效果方法 toggle()的作用是:(A.切换元素的可见状态)。

27.下列哪项是jquery的淡入效果方法:(A.fadeIn)。

28.自定义动画animate(params,1)，第二个参数的单位是:(B.毫秒)。

29.

value

,$(“p”).attr(“id”)返回值是:(B.p1)。

30.HTML代码:

I would like to say:

, Jquery代码: $("p")._C、prepend_("Hello"),结果:

HelloI would like to say:

,在空白处填入什么?

31.在jquery中，如果想要获取当前窗口的宽度值，下面哪个是实现该功能的？（A.width()）。

32.为每一个指定元素的指定事件（像click）绑定一个事件处理器函数，下面哪个是用来实现该功能的？（B.bind(type)）。

33.当一个文本框中的内容被选中时，想要执行指定的方法时，可以使用下面哪个事件来实现？（单选）(C.select(fn))。

34.在一个表单中，如果想要给输入框添加一个输入验证，可以用下面的哪个事件实现？(D.change(fn))。

35.在jquery中想要实现通过远程http get请求载入信息功能的是下面的哪一下事件？(C.$.get(url))

36.下面不属于ajax事件的是？(C.$.post(url))。

37.下面哪个不是jquery中表单的对象属性？（C.:hidden）。

38.在jquery中想要找到所有元素的同辈元素，下面哪一个是可以实现的？（C.siblings([expr])）

二．填空题

1.使用javascript定义数组，var a =____ new Array()________。

2.HTML代码：

I would like to say:

,Jquery代码:$("p").__append______("Hello"),结果:

I would

like to say: Hello

。

3.Ajax使用________XMLHttpRequest_______对象进行操作。

4.使用ajax载入远程html文件，使用____load___方法。

5.Ajax请求方式主要有____ get_____和____ post______。

6.Ajax请求成功的事件是______ ajaxSuccess________。

7.Ajax请求失败的事件是____ ajaxError______。

8.Ajax的XMLHttpRequest能不能请求原始页面的服务器之外的站点文档：___不能___。

9.jquery访问对象中的size()方法的返回值和jQuery对象的___length____属性一样.

10.通过id选择元素时，在id前需要加什么符号__#___.

11.设置元素的内容用text(text) 方法，设置元素的html用html(html)方法。

12.为元素添加指定名称的css样式，用__addClass_方法,删除指定名称的css样式用__removeClass___方法。

13.

a1

，返回包含a1值的元素，用__contains____方法

a1

，__$(“p[a]”)___

可以取得含有属性a的元素.

14.在一个表单里，想要找到指定元素的第一个元素用__ first ____实现，那么第二个元素用___ eq(1)_____实现。

15.在jquery中，用一个表达式来检查当前选择的元素集合，使用___is(expr)___来实现，如果这个表达式失效，则返回

______ false _____值。

16.在一个表单中，如果将所有的div元素都设置为红色，实现功能是

____________($(“div”).css(“color”,”red”)),或者$(“div”).css({color:”red”});________________。

17.在jquery中，鼠标移动到一个指定的元素上，会触发指定的一个方法，移出时也会触发一个指定方法，实现该操作的

是____ hover(over,out)__________。

18.在jquery中，想让一个元素隐藏，用___ hide()_____实现，显示隐藏的元素用____ show()_____实现。

19.在一个表单中，用600毫秒缓慢的将段落滑上，用_______$(“p”).slideUp(“slow”)_________________来实现。

20.在jquery中，如果想要自定义一个动画，用________animate(params, options)___________________函数来实现。

21.jquery中$(this).get(0)的写法和_____$(this)[0]_____是等价的。

22.现有一个表格，如果想要匹配所有行数为偶数的，用___ even _____实现，奇数的用____ odd ___实现。

23.在jquery中如果将一个“名/值”形式的对象设置所有指定元素的属性，可以用_ attr(name,val)________方法实现。

24.取得元素的父元素用___ parent()______方法实现。

25.取得元素的子元素用___ children()______方法实现。

26.取得元素的下一个元素用___ next_____方法实现。

27.用index([subject])搜索匹配的元素，并返回相应元素的索引值,从__0__开始计数。

28.要取得该文本框的值，用___ Val___方法

29.对象焦点的事件是__ blur_______。

三．简答题

1.什么是Jquery？

答：Jquery是继prototype之后又一个优秀的Javascrīpt框架, jQuery能够使用户的html页保持代码和html内容分离

2.如果下载的jquery库名为jquery.1.5.2.js，如何在html代码中使用？

答：在html代码的head标记里声明，声明如下

3.请描述html()方法,text()方法，val()方法的作用？

答：html():获取到元素的html代码

text():只能获取到元素的内容

val():获取到元素的value值

4.请描述$(“#p”),$(“.p”),(“p”)分别选择到什么对象集合？

答：$(“#p”):获取到id为p的元素集合

$(“.p”):获取到class属性为p的元素集合

$(“p”):获取到所有的p标记

5.描述$(“input[name=’user’]”)所选择到的对象集合？

答：选择到name为user的表单元素（或input元素）

6.描述hover方法的参数和作用？

答：hover方法的形式为hover(over,out),参数over指鼠标移入时要执行的函数，out参数指鼠标移出时要执行的函数。该方法主要用来处理鼠标移入移出特效处理。

四．编程题

1.页面上有一个按钮,点击后,在按钮后面插入一个Label . 内容显示"OK";已有元素结构:

要求事件写在页面元素加载完成之后,函数动态绑定到btnOK 元素.

$(function(){

$("#btnOK").click(function(e){ $(this).after("OK") ; }) ;

});

或者

$(document).ready(function(){

$("#btnOK").click(function(e){

var lab = document.createElement("label") ;

$(lab).html("OK") ;

this.parentNode.insertBefore(lab,this.nextSibling);

}) ;

});

2.查找页面所有类是 Edit 的 Input 且 type 是 text 的元素,遍历它们,并返回它们的 Value 数组.

var values = [];

$("input[type=text][.Edit]").each(function(i,d){ values.push($(d).val()); }) ;

或者

var values = [];

$("input[type=text]").filter(".Edit").each(function(i,d){ values.push($(d).val()); }) ;

3.使用 Ajax Post 方式,向页面 A.aspx 发送请求, 请求的数据是 UserID = "Admin" , Password = "ABC" , 假设服

务器返回"OK" 是成功. 客户端弹出 "验证通过" 提示框

$.post("A.aspx",{UserID:"Admin",Password:"ABC"},function(res){ if ( res == "OK") {alert("验证通过");} });

4.当点击class为submit的按钮时，用jquery检查id为user的文本框值是否为空，为空则显示class为error的元

素，否则隐藏该元素

$(".submit ").click(function(e){

var data = $(“#user”).val();

var len = data.length();

if(len<1){

$(“.error”).show();

event.preventDefault();

}

else{

$(“.error”).show();

}

}) ;

5.为html中的所有p标记应用css样式.higlight

$(document).ready(function(){

$(“p”).addClass(“higlight”);

});

6.现有一表格，其中包含一些行和列，当鼠标指针移动到其中一行时，使其能够突出显示，突出显示的css样式为.hover,

请写出jquery代码。

$(“table tr”).hover(

function(){

$(this).find(“td”).addClass(“hover”); },

function(){

$(this).find(“td”).removeClass(“hover”); }

);