本章练习 - jQuery | 绿叶学习网

一、单选题

1. 下面有一段代码，其中只能获取第2个div元素的是（）。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <div id="first"></div>
    <div></div>
    <div></div>
</body>
</html>

    A. $("#first div")                   
    B. $("#first>div")
    C. $("#first~div")                     
    D. $("#first+div")

2. 下面有一段代码，如果想要为两个li元素之间添加一个10px的间距，正确的jQuery写法应该是（）。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <ul>
        <li>第1个元素</li>
        <li>第2个元素</li>
        <li>第3个元素</li>
        <li>第4个元素</li>
        <li>第5个元素</li>
    </ul>
</body>
</html>

    A. $("li+li").css("margin-top", "10px");
    B. $("li+li").css("margin-top", "-10px");
    C. $("li+li").css("margin-bottom", "10px");
    D. $("li+li").css("margin-bottom", "-10px");

二、编程题

1. 请写出下面对应的jQuery选择器，每一项对应一个。

（1）选取含有href属性的a元素。
（2）选取type取值为radio的input元素。
（3）选取type取值不是checkbox的input元素。
（4）选取class属性包含nav的div元素（class属性可以包含多个值）。
（5）选取class属性以article开头的div元素，例如<div class="article-title"></div>。
（6）选取class属性以content结尾的div元素，例如<div class="article-content"></div>。
（7）选取带有id属性并且class属性是以article开头的div元素，例如<div id="container" class="article-title"></div>。