javascript - 点击为div添加边框

Question

我有一个包含多个 div 的网页。当用户单击 body 时，所有 div 元素的边框都会变为红色。但是，当用户单击某个 div 时，只有该 div 的边框会更改为蓝色。其他所有 div 元素都将保留红色边框。这是我到目前为止的代码:

$('body').click(function() {
    var $target = $(event.target);
    if (!target.closest($('div')).length) {
        //I want the border of all div on the page to change to red
        $('div'). css('border', '2px solid red');
    } else if (target.closest($('div')).length) {
        //Here just the div that was clicked on will have its border changed to blue
        $(this).css('border', '2px solid blue');
    }
});

Answer 1

试试这个 - http://jsfiddle.net/74pzJ/4/

$('body').on("click", function(e) {
    $("div").css('border', '2px solid red');
    $(e.target).closest("div").css('border', '2px solid blue');
});

文档

• 上 - http://api.jquery.com/on/
• 不 - http://api.jquery.com/not-selector/
• css - http://api.jquery.com/css/