使用Jquery设置html内容的样式'；s css（“属性”、“样式”）方法
我刚刚开始使用Jquery，我一直在做这个。我想在单击按钮时更改此文本的颜色。这是密码使用Jquery设置html内容的样式'；s css（“属性”、“样式”）方法,jquery,Jquery,我刚刚开始使用Jquery，我一直在做这个。我想在单击按钮时更改此文本的颜色。这是密码 $（文档）.ready（函数（）{ $（'input[type=“button”]”）。单击（函数（）{ $（“h3”）.css（'background-color'，'red'）； }); }); 单击以更改我 您没有按钮元素。当使用“输入[类型=按钮]”作为选择器时，您的代码工作正常。不过，您可能希望更多地按类或id指定选择器 还将background colorcss属性更改为color属性以更改实
$（文档）.ready（函数（）{
$（'input[type=“button”]”）。单击（函数（）{
$（“h3”）.css（'background-color'，'red'）；
});
});
单击以更改我
您没有按钮元素。当使用“输入[类型=按钮]”
作为选择器时，您的代码工作正常。不过，您可能希望更多地按类或id指定选择器
还将background color
css属性更改为color
属性以更改实际文本而不是背景
上次将老式的click（）
功能更改为更现代的on（）
。虽然这不会引起问题。on（）
可以更有效地利用内存，也可以用于事件委派。虽然我不认为使用click（）
函数是错误的，但我认为最好使用on（）
函数
$（“#MyColorChangingButton”）。在（'click'，function（）上{
$（“#ColorChangingElement”）.css（'color'，'red'）；
});
单击以更改我
您没有按钮元素。当使用“输入[类型=按钮]”
作为选择器时，您的代码工作正常。不过，您可能希望更多地按类或id指定选择器
还将background color
css属性更改为color
属性以更改实际文本而不是背景
上次将老式的click（）
功能更改为更现代的on（）
。虽然这不会引起问题。on（）
可以更有效地利用内存，也可以用于事件委派。虽然我不认为使用click（）
函数是错误的，但我认为最好使用on（）
函数
$（“#MyColorChangingButton”）。在（'click'，function（）上{
$（“#ColorChangingElement”）.css（'color'，'red'）；
});
单击以更改我
你可以这样做。您正在设置背景色，但选择的按钮错误
$（文档）.ready（函数（）{
$（'#buttonId'）。在（'click'，function（）{
$（'h3'）.css（'color'，'red'）；
});
});
单击以更改我
你可以这样做。您正在设置背景色，但选择的按钮错误
$（文档）.ready（函数（）{
$（'#buttonId'）。在（'click'，function（）{
$（'h3'）.css（'color'，'red'）；
});
});
单击以更改我
问题似乎在这一行$（“按钮”）。单击，这不是选择按钮的方式，可以使用此$（“：按钮”）
或$（'input[type=button]'）
。
请尝试下面的代码
<head>
<script language="javascript" type="text/javascript" src="jquery-3.4.1.min.js">
$(document).ready(function(){
$("input[type=button]").click(function(){
$("h3").css('background-color','red');
}) ;
});
</script>
</head>
$（文档）.ready（函数（）{
$（“输入[type=button]”。单击（函数（）{
$（“h3”）.css（'background-color'，'red'）；
}) ;
});
你也可以给你的按钮一个类或一个id，并用它来选择效果更好的方法。问题似乎在这一行$（“按钮”）。单击，这不是你选择按钮的方式，或者使用这个$（“：按钮”）
或者$（'input[type=button]'）
。
请尝试下面的代码
<head>
<script language="javascript" type="text/javascript" src="jquery-3.4.1.min.js">
$(document).ready(function(){
$("input[type=button]").click(function(){
$("h3").css('background-color','red');
}) ;
});
</script>
</head>
$（文档）.ready（函数（）{
$（“输入[type=button]”。单击（函数（）{
$（“h3”）.css（'background-color'，'red'）；
}) ;
});
你也可以给你的按钮一个类或一个id&选择使用哪个更有效的方法。为什么不使用.click方法？为什么不使用.click方法？给按钮一个id，然后做其余的事情怎么样。但这仍然不起作用。@Rose我更改了我的代码段，使其与id一起工作。我删除了ready事件处理程序，因为它对于如此多的代码片段是不需要的。你可能想在你的网站上再添加一次。这仍然不起作用，不知道为什么！我应该再次下载js文件吗？@Rose如果你是指jQuery js文件，那么不，你只需要一次。您的开发控制台中有任何错误吗？正如您在代码片段中看到的，问题不在我发布的代码中。您要么没有onload处理程序（对于需要它的脚本），要么有其他代码段会产生干扰。我用src标记关闭了这个脚本，用type标记创建了一个新的脚本，并在其中添加了所有的js代码，它开始工作得很好。但这仍然不起作用。@Rose我更改了我的代码段，使其与id一起工作。我删除了ready事件处理程序，因为它对于如此多的代码片段是不需要的。你可能想在你的网站上再添加一次。这仍然不起作用，不知道为什么！我应该再次下载js文件吗？@Rose如果你是指jQuery js文件，那么不，你只需要一次。您的开发控制台中有任何错误吗？正如您在代码片段中看到的，问题不在我发布的代码中。您要么没有onload处理程序（对于需要它的脚本），要么有其他代码段会产生干扰。我仅用src标记关闭了脚本，并用type标记创建了一个新脚本，并在其中添加了所有js代码，它开始正常工作。这不起作用，我尝试了$（“：button”）选择器。这不起作用，我尝试了$（“：button”）选择器