Jquery修改按钮的点击功能。

问题描述：

我想学习jQUERY，我正在尝试不同类型的事情在jQuery中。我得到了这个查询，点击一个按钮，我使用按钮的click funcion来调用另一个函数，如图所示。Jquery修改按钮的点击功能。

但这不起作用。

能否请你告诉我，我们不能使用点击这样

$("button").click() instead of standard $("button").click(function(){

=====

这是我的代码

<html> 
<head> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" > 
</script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("button").click() 
{ 
    callMe(); 

} 
}); 

function callMe() 
{ 
$("p").hide(); 
} 
</script> 
</head> 

<body> 
<h2>This is a heading</h2> 
<p>This is a paragraph.</p> 
<p>This is another paragraph.</p> 
<button>Click me</button> 
</body> 
</html>

我可以知道你为什么要这样使用它。 click中的function（）称为回调函数。所以，它就像你操作完成后的返回值。您可以使用下面的代码。 – theshadowmonkey

答

jQu ery是为JavaScript语言构建的库，不是实际的语言本身，因此仅限于JavaScript允许的语言。

$("button").click() 
{ 
    callMe(); 
}

那么为什么上面将无法工作，因为.click()是jQuery的一个方法，它在参数/参数，而不是实际的JavaScript语言本身，它不会让的一部分，您使用的块那样。

$("button").click(function() 
{ 
    callMe(); 
});

该函数本身是一个参数/参数传递给click方法。看看你是否能明白这是怎么回事这样：

var myFunction = function() 
{ 
    callMe(); 
}; 
$("button").click(myFunction);

或者这样说：

function myFunction() 
{ 
    callMe(); 
} 
$("button").click(myFunction);

以上三个代码块都会导致callMe()点击任何匹配button时调用。

嘿，非常感谢，你已经花了足够的时间以良好的方式提出答案，再次感谢。 – Pawan

答

function callMe() 
{ 
$("p").hide(); 
} 


$(function(){ 
    $("button").click(callMe)// just provide the reference to call me 
});

Jquery修改按钮的点击功能。

相关推荐