Javascript 单击按钮时jQuery添加类_Javascript_Jquery_Css

Javascript 单击按钮时jQuery添加类

javascript jquery css

Javascript 单击按钮时jQuery添加类,javascript,jquery,css,Javascript,Jquery,Css,当我单击其中一个按钮时，我希望根据我单击的按钮更改段落的大小。这似乎不起作用。我已经检查了所有内容，以我对jQuery（初学者）的知识水平，我无法理解它，所以我需要您的帮助。代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="main.css"> </

当我单击其中一个按钮时，我希望根据我单击的按钮更改段落的大小。这似乎不起作用。我已经检查了所有内容，以我对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>

CSS

从

addClass（）

中删除

，因为函数已经像类一样识别字符串，而没有指定类选择器

试试这个：

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

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

从

addClass（）

中删除

，因为函数已经像类一样识别字符串，而没有指定类选择器

试试这个：

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

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

记住

$.addClass（“更大”）非$.addClass（“.biger”）
演示
记住$.addClass（“更大”）非$.addClass（“.biger”）
演示
你应该解释为什么这是答案。例如：.addClass（）接受一个或多个以空格分隔的类的字符串参数。它不接受选择器。接受答案来帮助其他有同样问题的人@user3638147我不知道怎么做，我是新来的：）@AlessandroMinocchericlick在我左边的投票数后面answer@user3638147You应该解释为什么这是答案。例如：.addClass（）接受一个或多个以空格分隔的类的字符串参数。它不接受选择器。接受答案来帮助其他有同样问题的人@user3638147我不知道怎么做，我是新来的：）@AlessandroMinocchericlick在我左边的投票数后面answer@user3638147
$('#bigger').click(function() {
    $('p').addClass('bigger'); //instead of .bigger
});

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