gpt4 book ai didi

javascript - 单击按钮时jQuery添加类

转载 作者:太空宇宙 更新时间:2023-11-03 20:43:38 25 4
gpt4 key购买 nike

当我单击其中一个按钮时,我希望段落根据我单击的按钮更改大小。这似乎行不通。我已经检查了所有内容,并且以我对 jQuery(初学者)的了解水平我无法弄清楚所以我需要你的帮助。这是代码:

<!DOCTYPE html> 
<html lang="en">

<head>
<meta charset="utf-8">

<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<input type="button" id="smaller" value="smaller text" />
<input type="button" id="bigger" value="bigger text" />
<p > Some text inside of it.</p>
<p > Some text inside of it too!</p>


<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="query.js"> </script>
</body>

</html>

jQuery

$('#bigger').click(function() {
$('p').addClass('.bigger');
});

$('#smaller').click(function() {
$('p').addClass('.smaller');
});

CSS

.bigger {
font-size:30px;
background-color:red;

}
.smaller {
font-size:10px;
}

最佳答案

addClass() 中删除 .,因为该函数已经像类一样识别字符串,而无需指定类选择器。

试试这个:

$('#bigger').click(function() {
$('p').addClass('bigger'); //instead of .bigger
});

$('#smaller').click(function() {
$('p').addClass('smaller'); //instead of .smaller
});

DEMO

关于javascript - 单击按钮时jQuery添加类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23663567/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com