第21章 jquery控制页面元素和事件处理-参考题

一、选择题

1．页面中有一个id为name的input元素，如果要动态设置该元素的值，正确的选项是（）。

A：$("#name").val("设置的值"); B：$("#name").text("设置的值");

C：$("#name").html("设置的值"); D：$("#name").value("设置的值");

2．页面中有一个<select>标签，代码如下：

</select>

要使“选项四”选中的正确写法是（）。

A．$("#sel").val("选项四"); B．$("#sel").value("4");

C．$("#sel > option:eq(4)").checked; D．$("#sel option:eq(4)").attr("selected","selected");

3．下面关于jQuery 节点操作说法正确的是（）

A．html()方法用于获取或设置元素的文本

B．attr()方法用于获取或设置元素的HTML内容

C．val()方法用于获取或设置元素的值

D．text()方法用于获取或设置属性的值

4．下面哪一个方法是用来追加到指定元素的末尾？ ( )

A．insertAfter() B．append() C．appendTo() D．after()

5．页面中有如下代码：

<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

6．HTML代码：<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;

7．如果想在一个指定的元素后添加内容，需要使用下面的（）方法。

A．append() B．appendTo() C．insertAfter() D．after()

8．在jQuery中，如果要从DOM中删除所有匹配的元素，使用的是（）方法。

A．delete() B．empty() C．remove() D．removeAll()

9．在jQuery中指定一个类，如果存在就执行删除功能，如果不存在就执行添加功能，下面（）可以直接实现该功能。

A．removeClass() B．deleteClass() C．toggleClass(class) D．addClass()

10．在页面中有一个ul元素，代码如下：

<ul>

</ul>

下面对节点的操作哪一个说法不正确。（）

A．var $li = $("<li title='香蕉'>香蕉</ii>"); 是创建节点

B．$("ul").append($("<li title='香蕉'>香蕉</ii>")); 是给ul追加节点

C．$("ul li:eq(1)").remove();是删除ul下“橘子“那个节点

D．以上说法都不对

二、填空题

1．页面中有一个id为username的元素，获取该元素的值的代码为______________。

2．用于获取全部匹配元素的文本内容使用的是___________方法。

3．创建元素节点包括两个步骤，一是____________，二是______________________。

4．向所有匹配元素内部的开始处插入内容使用的是__________方法。

5．应用after()方法向id为A的元素的后面添加一个段落“<p>test</p>”，代码为_________________。

6．在页面中为id值为box的div元素添加名称为blue的 CSS类，代码为___________________。

7．从匹配的元素中删除指定的CSS类使用的是________________方法。

8．在页面中删除id为B的元素下的所有子节点的代码为________________。

9．如果将页面中所有的div元素都设置为绿色，实现的代码是_________________。

10．下面代码中，当页面载入时，将页面中显示的图片1.png更换为2.png，请将代码补充完整。

$(document).ready(function(){

$("img").________________;

});

</script>

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。