jquery复选框css更改

Question

我是jquery的新手,今天我尝试了以下代码

$("#new").click(function() {
    $('#new:checked').closest('p').css('color', 'white'); 
});

这很好,当我点击复选框时,但是当我取消勾选复选框时,它不会改回原来的颜色.

我解开后如何实现以前的css状态？

谢谢

Answer 1

$("#new").click(function() {
    $(this).closest('p').css('color', this.checked?'white':'blue'); // just change the blue for your preference....
});

但我建议你上课..

$("#new").click(function() {
    if (this.checked){
       $(this).closest('p').addClass('white');
    } else {
       $(this).closest('p').removeClass('white');
    } 
});

要么

$("#new").click(function() {
    $(this).closest('p').toggleClass('white',this.checked);
});

你应该有这样的CSS定义

.white {
   color: white;
}