jQuery 基础教程（第3版） ---第五章习题答案

//第一题
    $('<a href="#top">back to top</a>').insertAfter('div.chapter p:gt(3)');
    $('<a id="top"></a>').prependTo('body');
    
    //第二题
    $('.chapter a[href*="top"]').click(function(){
        $('<p>You were here</p>').insertAfter(this);
    });
    
    //第三题与第四题一起写了 本来是用<strong>标签的，但配合题目，就用<b>标签 
     $('div#f-author').click(function(){
        //console.log($(this));
        if(!$(this).children().is("b"))
            $(this).wrapInner('<b></b>');
        else{
            $(this).text($(this).text());
        }
    }); 
    
    //或者，这个方法比较差，要用到异常处理
    $('div#f-author').click(function(){
        var name =null;
        try{
            name = $(this).children().get(0).tagName;}
        catch(e){
            name = $(this).get(0).tagName;
        }
        if(!(name=="DIV")){
            $(this).text($(this).text());
        }else{
            $(this).wrapInner('<b></b>');
        }
    });
    
    
    //第五题
    $('div.chapter p').each(function(index){
        var classValue = $(this).attr('class');//取到类值
        if(classValue){//本身已经定义了类
            $(this).attr('class',classValue+' '+'inhabitants');
        }else{//未定义类的，去掉undefine的值
            $(this).attr('class','inhabitants');
        }
    });
    //第五题实现的功能与下面这条语句是相同的，请特别注意
    //$('div.chapter p').addClass('inhabitants');