《JQuery基础教程》第四版课后练习代码--第六章

原创 2016年08月28日 16:21:18

1、页面加载后,把exercises-content.html的主体(body)内容提取到页面的内容区域

$(document).ready(function () {
    $("#letter-a a").click(function(event){
        event.preventDefault();
        $("#dictionary").load('exercises-content.html');
    })
})
2、不要一次就显示整个文档,请为左侧的字母列表创建“提示条”,当用户鼠标放到字母上时,从exercises-content.html中加载与该字母有关的内容
$(document).ready(function () {
    $(".letter").mouseover(function(event){
        event.preventDefault();
        var $text=$(this).text().trim().charAt(0).toLowerCase();
        $("#dictionary").load('exercises-content.html #letter-'+$text);
    })
})
3、为页面加载添加错误处理功能,在页面的内容区显示错误消息。修改脚本,请求does-not-exsit.html而不是exerises-content.html,以测试错误处理功能。
$(document).ready(function () {
    $(".letter").mouseover(function(event){
        event.preventDefault();
        var $text=$(this).text().trim().charAt(0).toLowerCase();
        $("#dictionary").load('does-not-exist.html #letter-'+$text,function(response,status,xhr){
            if(status=='error'){
                $("#dictionary").html("An error occured:"+xhr.status+' '+xhr.statusText);
            }
        })
    })
})
4、挑战:页面加载后,向GitHub发送一个JSONP请求,取得某个用户代码库的列表。把每个代码库的名称和URL插入到页面的内容区。取得JQuery项目代码库的URL是:https://api.github.com/users/jquery/repos
$(document).ready(function () {
    $.getJSON('https://api.github.com/users/jquery/repos',function(data){
        var html='';
        $.each(data,function(jsonindex,json){
            html+="<div>"+(jsonindex+1)+"<br>";
            html+="name: "+json.name+"<br>";
            html+="url: "+json.html_url+"<br>";
            html+="</div>"
        })
        $("#dictionary").html(html);
    })
})


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

【练习向】jQuery基础教程第四版课后练习——Book06_jQuery_通过Ajax发送数据

要完成以下练习,需要此书本章的index.html文件以及complete.js中包含的已经完成的JavaScript代码。可以从Packt Publishing网站下载这些文件。 “挑战”练习有一...

c++primer第五版课后练习答案(第六章)

chapter6_6.3 int fact(int val) { int ret = 1; while (val > 1) ret *= val--; return ret; } chap...

java编程思想 第四版 第六章 个人练习

java编程思想 第四版 第六章 答案,中文版 练习1:(1)在某个包中创建一个类,在这个类所处的包的外部创建该类的一个实例。 练习2:(1)将本节中的代码片段改写为完整的程序,并校验实际所发生的冲突...

Python核心编程第六章课后练习答案

Python核心编程第六章课后练习答案,自行编程,全部运行通过
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)