Question

我正在尝试学习jQUERY，我在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>

Answer 1

jQuery是一个为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被调用。

Answer 2

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


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

DEMO

Jquery修改按钮的单击功能。

2 个答案: