通过单击按钮将参数传递给jquery函数

我必须能够通过三个按钮（红色、蓝色和黑色）更改文本的颜色

我的功能很好，如下所示：

function btn_click() {
$("#col1 p").css("color", "#00f");
    }

我需要向该函数传递两个变量，即特定标记（例如col1 p）和以下函数调用的十六进制值：

<input type="image" value="" class="but-blue" onclick="btn_click();" />

有人能帮忙吗？

将脚本更改为：

function btn_click(selector, color) {
    $(selector).css("color", color);
}

和内联处理程序，以：

<input type="image" value="" class="but-blue" onclick="btn_click('#col1 p','#00F');" />

像这样的

function btn_click(selector, color) {
    $(selector).css("color", color);
}

onclick函数是：

<input type="image" value="" class="but-blue" onclick="btn_click('#col1 p','#00f');" />

就这么简单

function btn_click(selector, color) {
    $(this).css(selector, color);
}

<input type="image" value="" class="but-blue" onclick="btn_click('color','#00f');" />

功能btn\u点击（选择器，颜色）{
$（this）.css（选择器，颜色）；
}

---

jquery中的#用于根据id值捕获元素，因此所有#相关内容都应该是元素的id。

如果您想完全使用jquery，请执行以下操作

function btn_click(selector, color) {
    $(selector).css("color", color);
}

$("input").bind("click", function(event) {
    btn_click($(this).attr("goal-selector"), $(this).attr("goal-color"));
});

然后在你的HTML中

<input type="image" value="" class="but-blue" goal-selector="#col1 p" goal-color="#00f" />

祝你好运：）

这不是更好吗：

<input type="button" value="#00F" class="button-color"  />
<input type="button" value="#0FF" class="button-color"  />
<input type="button" value="#FFF" class="button-color"  />
<div id="you_need_to_change"></div>
<script type="text/javascript">
$('.button-color').click(function(){$('#you_need_to_change").css("color", $(this).val())});
</script>

$（'.button color'）。单击（function（）{$（''you#u need_____更改”）.css（“color”，$（this.val（））}）；

但是，由于我们使用的是jquery，我们应该将click处理程序绑定到DOM，而不是使用onclick属性。谢谢，我添加了带有jquery的示例。+1，以展示如何正确地进行绑定（第二部分）。即使没有jquery，您也可以以正确的方式绑定事件处理程序。

function btn_click(selector, color) {
    $(selector).css("color", color);
}

$("input").bind("click", function(event) {
    btn_click($(this).attr("goal-selector"), $(this).attr("goal-color"));
});

<input type="image" value="" class="but-blue" goal-selector="#col1 p" goal-color="#00f" />

<input type="button" value="#00F" class="button-color"  />
<input type="button" value="#0FF" class="button-color"  />
<input type="button" value="#FFF" class="button-color"  />
<div id="you_need_to_change"></div>
<script type="text/javascript">
$('.button-color').click(function(){$('#you_need_to_change").css("color", $(this).val())});
</script>