如何调用jQuery方法?

时间:2012-07-04 14:48:46

标签: javascript jquery

比如说,使用javascript我通常会调用这样的方法

<a href ="" onclick="javascriptMethod()">Link</a>

并实现像这样的方法

<script type="text/javascript">
function javascriptMethod(){
 //codes
}
</script>

对于大多数jQuery文档的一些原因我只能找到

$("").click(function(){
  //codes
});

我们不能在jQuery上进行onclick调用吗?

清除:由于现有的div数组我不能改变,而不是$().click我需要为自己调用方法。我知道如何在JavaScript上完成它并且非常简单。问题是,我不能为像<img onclick="jQueryMethod" />之类的元素调用jQuery方法吗?

我需要将值传递给方法,这是最重要的一点。由于元素在一个数组中,我无法弄清楚哪个元素[x]。

6 个答案:

答案 0 :(得分:3)

这就是我们点击通话的方式。

通过ID访问控件并调用click。

$("#IdOfClickableControl").click();

我们也可以通过触发器

来实现
$("#IdOfClickableControl").trigger("click");

答案 1 :(得分:3)

考虑以下HTML:

<a id="mylink" href="#">Link</a>

你可以像这样添加一个监听器:

$("#mylink").click(function() {
    // Call the method you want
    javascriptMethod();

    // Prevent the default behaviour
    return false;
});

如果您不使用spanbutton的链接(无默认行为):

<span id="myelement">Click here</span>

你可以写一下:

$("#myelement").click(javascriptMethod);

如果您有多个链接,可以为每个链接添加一个类(即:callback),然后执行:

$("a.callback").click(function() {
    javascriptMethod();
    return false;
});

编辑1:添加方法调用作为OP请求。

编辑2:处理多个链接

答案 2 :(得分:2)

您不应该直接在onclick源中定义HTML函数,使用标识符然后使用jQuery附加处理程序会更加清晰,例如id

<a href="" id="mylink">Link</a>

然后使用jQuery选择器选择它并添加点击处理程序,如下所示:

<script>
$(function() {
    $('#mylink').click(function() {
        // do stuff
    });
});
</script>

答案 3 :(得分:2)

onclick和所有其他内联事件都是一种注册事件的旧的侵入式方法。这就是人们在编写现代HTML / JavaScript时不再使用它们的原因。

通过JavaScript而不是使用内联事件注册它们的一些优点是,您可以调用不在全局范围内的函数,并使用闭包来获得在事件函数之外定义的非全局变量。它还会导致更清晰的结构,因为您不会将JavaScript与HTML混合。

您还可以通过以下方式轻松地将函数绑定到许多元素上。一个类选择器:$('.someclass').click(someFunction);

答案 4 :(得分:1)

HTML:

<a href="" id="thingy">Link</a>

JS

$("#thingy").click(function(){
  // the content of your method here
});

答案 5 :(得分:0)

$("").click(function(){
//codes
});

此方法是事件处理程序。当最终用户点击您的锚标签时,您将被调用,因此您不必调用任何方法。 有关jQuery refer

中事件处理的更多信息