Question

我要在div元素中更改内容颜色和字体大小。由于某些原因它不起作用。这是我的代码 HTML

<div class='small'>hello there</div>

CSS

.small {
    font-size:14px;
    color:red;
}
.large {
    font-size:26px;
    display:none;
    position:absolute;
    top:10%;
    left:10%;
    color:#444;
}

的jQuery

$('small').on('click', function () {
    $('large').html($(this).clone().removeClass('small')).fadeIn("medium");
});

Answer 1

的 Demo

small是一个类.small，同样适用于large

$('small').on('click', function () { $('large').html($(this).clone().removeClass('small')).fadeIn("medium"); });

将其更改为

$('.small').on('click', function () { $('.large').html($(this).clone().removeClass('small')).fadeIn("medium"); });

Answer 2

我想这就是你想要的

$('.small').on('click', function () {
  $(this).hide().toggleClass("large").fadeIn("medium");
});

FIDDLE

单击div元素不起作用

2 个答案: