Question

我是一个完整的新手 - 抱歉！

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

我的功能，工作正常如下：

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

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

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

有人可以帮忙吗？提前谢谢了。史蒂夫

Answer 1

将脚本更改为：

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

内联处理程序：

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

<强>更新

但是使用jQuery，您可以执行以下操作：

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

和jQuery脚本本身：

$(document).ready(function(){
    $('input[type=image]').click(function() {
       var selector = $(this).data('selector');
       var color = $(this).data('color');

       $(selector).css("color", color);
    });
});

Answer 2

如果你想要完整的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" />

祝你好运：）

Answer 3

这样的事情？：

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

并且onclick函数将是：

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

Answer 4

Aren这样做会更好：

<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>

Answer 5

这很简单

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

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

Answer 6

$("#redColorBtn").click(function(){
  $("#urTextFiled").css("color", "#f00");
});

$("#greenColorBtn").click(function(){
  $("#urTextFiled").css("color", "#0f0");
});

$("#blueColorBtn").click(function(){
  $("#urTextFiled").css("color", "#00f");
});

jquery中的

＃用于根据id值捕获元素，因此所有＃相关的东西都应该是元素的id。

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

6 个答案: