Javascript 如何选择按钮与他的类的一些功能

在这两个按钮中，我想为添加类执行两个函数：

按钮1将“黄色”类添加到Hello1

及

按钮2将“绿色”类添加到hello2

我在下面的函数中尝试了一些东西，但我想选择的id，而不是p:first

jQuerydocument.readyfunction addClass{ jQuery“按钮”。单击 作用{ jQuery'p:first'。addClass'intro'； }; }; 黄的 .介绍{ 字体大小：150%； 颜色：黄色； } 格林先生{ 字体大小：150%； 颜色：绿色； }

Hello1

hello2

hello3

按钮1 按钮21使用jQuery'p1'而不是使用jQuery'p:first'

你不能写这样的东西

  jQuery(document).ready( //without function
                        jQuery('button').click(

这是一个错误的语法

完整的工作代码应如下所示：

jQuerydocument.readyfunction addClass{ jQuery'b1'。单击函数{ jQuery'p1'。addClass'yellow'； }; jQuery'b2'。单击函数{ jQuery'p2'。addClass'green'； }; }; 黄先生{ 字体大小：150%； 颜色：黄色； } 格林先生{ 字体大小：150%； 颜色：绿色； }

Hello1

hello2

hello3

按钮1 按钮21使用jQuery'p1'而不是使用jQuery'p:first'

你不能写这样的东西

  jQuery(document).ready( //without function
                        jQuery('button').click(

这是一个错误的语法

完整的工作代码应如下所示：

jQuerydocument.readyfunction addClass{ jQuery'b1'。单击函数{ jQuery'p1'。addClass'yellow'； }; jQuery'b2'。单击函数{ jQuery'p2'。addClass'green'； }; }; 黄先生{ 字体大小：150%； 颜色：黄色； } 格林先生{ 字体大小：150%； 颜色：绿色； }

Hello1

hello2

hello3

按钮1 按钮2使用jQuery'p1'按id选择

jqueryready方法的正确语法是

$( document ).ready(function() {
    console.log( "ready!" );
});

使用jQuery“p1”按id进行选择

jqueryready方法的正确语法是

$( document ).ready(function() {
    console.log( "ready!" );
});

使用id选择器jQueryp1。另外，不确定预期的行为。。。但是，无论您单击哪个按钮，它的编码方式都将适用。你也可以在那里使用id选择器

使用id选择器jQueryp1。另外，不确定预期的行为。。。但是，无论您单击哪个按钮，它的编码方式都将适用。你也可以在那里使用id选择器

function function_name(){
// code for function decleration
}

只需声明一个函数，以便以后使用。例如，如果你不得不做一件事不止一次。要使用函数，必须调用它

function_name();

在上一个问题的第一个示例中，您只需声明函数。为了更好地理解，您可以尝试添加

<button id="test">call function</button>

$document内。准备好并开始游戏。还强烈建议阅读更多关于JS和jquery的内容。W3学校对你来说是个不错的开始

只需声明一个函数，以便以后使用。例如，如果你不得不做一件事不止一次。要使用函数，必须调用它

function_name();

在上一个问题的第一个示例中，您只需声明函数。为了更好地理解，您可以尝试添加

<button id="test">call function</button>

$document内。准备好并开始游戏。还强烈建议阅读更多关于JS和jquery的内容。W3学校对你来说是个不错的起点。

jQuery'button'将选择所有按钮。您需要的是选择一个特定的按钮。由于两个按钮都有ID，请按其ID选择它们，如下所示：

jQuery('#b1').click(function(){
    // logic for the the button that has the ID b1
});

jQuery('#b2').click(function(){
    // logic for the the button that has the ID b2
});

jQuery'button'将选择所有按钮。您需要的是选择一个特定的按钮。由于两个按钮都有ID，请按其ID选择它们，如下所示：

jQuery('#b1').click(function(){
    // logic for the the button that has the ID b1
});

jQuery('#b2').click(function(){
    // logic for the the button that has the ID b2
});

---

您可以使用提供的jquery选择器选择p1或p2 $'p1前缀表示您要选择id p1

语法：

可以使用两种语法：

$(document).ready(function)

ready方法只能用于当前文档，因此不需要选择器：

$(function)

函数是必需的，它指定加载文档后要运行的函数

您还可以使用$代替jQuery，因为它们是相同的

它必须有一个函数，或者您可以传递一个命名函数。有关详细信息，请参阅文档

---

您可以使用提供的jquery选择器选择p1或p2 $'p1前缀表示您要选择id p1

语法：

可以使用两种语法：

$(document).ready(function)

ready方法只能用于当前文档，因此不需要选择器：

$(function)

函数是必需的，它指定加载文档后要运行的函数

您还可以使用$代替jQuery，因为它们是相同的

它必须有一个函数，或者您可以传递一个命名函数。有关详细信息，请参阅文档

---

谢谢如果我有class=p1？相反，idIt很容易代替作为前缀使用“.”例如$'.p1'；谢谢，我会验证你的回答。如果我有class=p1？相反，idIt很容易代替作为前缀使用“.”例如$'.p1'；谢谢，我会验证你的回答