练习题 - jQuery | 绿叶学习网

一、单选题

1. 如果想要得到input元素中checked属性的取值，应该使用（）方法来获取。

    A. attr()                          
    B. prop() 
    C. removeAttr()                     
    D. css()

2. 在jQuery中指定一个类，如果存在就执行删除功能，如果不存在就执行添加功能，此时我们可以使用（）方法来实现。

    A. removeClass()                    
    B. toggleClass()
    C. deleteClass()                     
    D. addClass()

3. 下面有关jQuery中HTML属性操作的说法，不正确的是（）。

    A. “获取HTML属性值”和“设置HTML属性值”使用的都是attr()方法
    B. $("img").attr("alt", "绿叶学习网")等价于$("img").attr({"alt": "绿叶学习网"})
    C. attr()跟prop()这两个方法可以互相替换使用
    D. 如果HTML属性值没法使用attr()获取，可以考虑使用prop()来实现

4. 下面有关jQuery中CSS属性操作的说法，不正确的是（）。

    A. css()方法可以接受一个对象作为参数
    B. $("div").width()等价于$("div").css("width")
    C. 可以使用offset()方法来获取元素相对于浏览器窗口的偏移距离
    D. 可以使用toggle()方法来切换元素的class

5. 在jQuery中，我们可以使用（）方法来获取表单元素的值。

    A. html()      
    B. text()        
    C. val()          
    D. value()

6. 如果想要获取元素相对于浏览器窗口的偏移距离，应该用_____方法来实现。该方法有两个属性，分别是_____和_____。（）

    A. position(), top, left                    
    B. offset(), top, left
    B. position(), top, right                   
    D. offset(), top, right

7. 下面有一段代码，那么$("div").html()获取的结果是（）。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <div>说多也是<strong>泪</strong><span></span></div>
</body>
</html>

    A. 说多也是泪                     
    B. 说多也是<strong>泪</strong>
    C. 说多也是<strong>泪</strong><span></span>
    D. <strong>泪</strong>

8. 下面有一段代码，其中能获取a元素alt属性取值的是（）。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <a href="http://www.lvyestudy.com" alt="绿叶学习网">绿叶学习网</a>
</body>
</html>

    A. $("a").attr("alt")                 
    B. $("a").text("alt")
    C. $("a").val("alt")                  
    D. $("a").html("alt")

9. 下面有一段代码，如果使用jQuery来设置“男”这个选项为选中状态，正确的写法是（）。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <label><input type="radio" name="gender" value="男">男</label>
    <label><input type="radio" name="gender" value="女">女</label>
</body>
</html>

    A. $(":radio[name='gener']:eq(0)").attr("checked", true)
    B. $(":radio[name='gener']:eq(1)").attr("checked", true)
    C. $(":radio[name='gener']:eq(0)").prop("checked", true)
    D. $(":radio[name='gener']:eq(1)").prop("checked", true)