【原】第20章 jQuery基础-参考题

一、选择题

1．下面哪一种不属于Jquery的选择器。（         ） 

A．基本选择器                  B．层级选择器                       C．表单选择器                  D．节点选择器

2．页面中有三个元素，代码如下：

<div>div标签</div>

<span>span标签</span>

<p>p标签</p>

如果这三个标签要触发同一个单击事件，那么正确的写法是（         ）。 

A．$("div,span,p").click(function(){});                      B．$("div || span || p").click(function(){});

C．$("div + span + p").click(function(){});                D．$("div ~ span ~ p").click(function(){});

3．如果想要获取一个表格的第二行，用下面的（         ）方法可以快速找到指定元素。

A．$("tr:first")              B．$("tr:gt(4)")                     C．$("tr:eq(1)")                    D． $(":header")

4．如果需要匹配包含指定文本的元素，用下面哪种方法来实现？(          )

 A．text()                      B．contains()                        C．input()                             D．attr(name) 

5．HTML代码如下：

<p class="s1">hello</p> 

要使文本“hello”的字体大小变成40px，正确的代码是（          ）。

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'); 

6．下面说法不正确的是（         ） 。

A．$(":hidden")只能获取<input>的type类型是hidden的不可见元素

B．$("div > span")获取<div>元素下元素名是<span>的子元素

C．$("div :first")获取所有<div>元素中第一个<div>元素

D．$("input:gt(1)") 获取索引值大于1的<input>元素

7．下面的（         ）过滤器不是jQuery中表单对象的属性过滤器。 

A．:checked                  B．:enabled                  C．:hidden                   D．:selected

8．页面中有一个性别单选按钮，代码如下： 

<input type="radio" name="sex"> 男 

<input type="radio" name="sex"> 女   

 请设置单选按钮“男”为选中状态，正确的是（         ） 。

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); 

9．运行下面代码，输出结果为（          ）。

<script type="text/javascript">

    $(document).ready(function(){

        alert( $("div:lt(2)").text());

    });

</script>

<div>div1</div>

<div>div2</div>

<div>div3</div>

<div>div4</div>

A．div1              B．div1div2                       C．div1div2div3             D．div2

10．HTML代码如下：

<ul>

<li>a</li>

<li>b</li>

<li>c</li>

</ul>

下列选项中的（          ）不能获取第一个li元素。

A．$("li:lt(1)")            B．$("li:first")           C．$("li:eq(0)")                     D．$("li:gt(0)")

二、填空题

1．ID选择器是利用DOM元素的____________来筛选匹配的元素。

2．在jQuery中，$(this).get(0)的写法和__________是等价的。 

3．在页面中，匹配没有被选中的指定元素，用__________过滤器实现。

4．现有一个表格，如果想要匹配所有的偶数行，用________过滤器实现，奇数行用_______过滤器实现。

5．在简单过滤器中，使用___________过滤器可以匹配找到的第一个元素，使用___________过滤器可以匹配找到的最后一个元素

6．在内容过滤器中，匹配含有子元素或者文本元素的是__________过滤器。

7．将含有文本“明日科技”的单元格的文字颜色设置为红色的代码为：________________________。

8．运行下面代码，弹出的对话框中输出_________。

<script type="text/javascript">

    $(document).ready(function(){

        alert($("label + input").val());

    });

</script>

<form>

    <input name="name" value="111"/>

    <label>Number:</label>

    <input name="newsletter" value="222"/>

</form>

9．运行下面代码，弹出的对话框中输出___________。

<script type="text/javascript">

    $(document).ready(function(){

        alert($("div > p").text());

    });

</script>

<div>

    <p>one</p>

    <span>

        <p>two</p>

    </span>

    <p>three</p>

</div>

10．运行下面代码，弹出的对话框中输出_________。

<script type="text/javascript">

    $(document).ready(function(){

        alert($("td:gt(1)").text());

    });

</script>

<table>

    <tr>

        <td>Value1</td>

        <td>Value2</td>

        <td>Value3</td>

    </tr>

</table>