Javascript 理解JQuery基本原理有困难

有人能在下面的代码中解释为什么，

$（document）.ready（function（）{$（“#msgid”）.html（）}）？如果我去掉了那个部分，然后按下按钮，div中就没有附加任何内容，这对我来说没有意义！我认为JQuery的.html（）方法只是返回div的html内容，所以在我下面的代码中它不会返回任何内容，因此服务器没有任何用途

代码：


$（文档）.ready（函数（）{
$（“#msgid”）.html（）；//为什么需要此代码块？
});
函数appender（）{
$（文档）.ready（函数（）{
$（“#msgid”）.append（“附加了appender（）函数
”；
});
}
这是HTML的Hello World

提前谢谢
 函数中不需要有$（document）.ready（）。而且，jQuery的主要优点之一是它的事件处理，它允许您停止在html中使用onclick、onmouseoiver属性

尝试：

或

$（文档）.ready（函数（）{
$（“#msgid”）。单击（'appender'）；
});
函数appender（）
{
$（“#msgid”）.append（“附加了appender（）函数
”；
}

两者都将达到相同的目的，但命名函数会一如既往地保存重复代码。
您不需要在函数中包含$（document）.ready（）。而且，jQuery的主要优点之一是它的事件处理，它允许您停止在html中使用onclick、onmouseoiver属性

尝试：

或

$（文档）.ready（函数（）{
$（“#msgid”）。单击（'appender'）；
});
函数appender（）
{
$（“#msgid”）.append（“附加了appender（）函数
”；
}

两者都将达到相同的目的，但命名函数将一如既往地避免重复代码。
这样可以大大简化代码

$(function() {
   $('#myButton').click(function() { 
       $("#msgid").append("appended with the appender() function<br />");
       return false;
   });
});

$（函数（）{
$（'#myButton'）。单击（函数（）{
$（“#msgid”）.append（“附加了appender（）函数
”；
返回false；
});
});
这样可以大大简化代码

$(function() {
   $('#myButton').click(function() { 
       $("#msgid").append("appended with the appender() function<br />");
       return false;
   });
});

$（函数（）{
$（'#myButton'）。单击（函数（）{
$（“#msgid”）.append（“附加了appender（）函数
”；
返回false；
});
});

$（文档）.ready（函数（）{
$（“#msgid”）.html（“”；//这是为了清除#msgid中的html代码
});
函数appender（）{
$（“#msgid”）.append（“附加了appender（）函数
”；
});
}
这是HTML的Hello World

希望对您有所帮助

$（文档）.ready（函数（）{
$（“#msgid”）.html（“”；//这是为了清除#msgid中的html代码
});
函数appender（）{
$（“#msgid”）.append（“附加了appender（）函数
”；
});
}
这是HTML的Hello World

希望这有助于你做你想做的事，你可以做如下

<script type="text/javascript">
$(document).ready(function(){  
    $("#msgid").html('');        //WHY IS THIS CODE BLOCK NECESSARY? to empty the contents of           the div

$("#msgid").click(function() {   
           appender();
        }); // end of click function
 }); // end of document.ready


$（文档）.ready（函数（）{
$（“#msgid”）.html（“”）//为什么需要此代码块？要清空div的内容
$（“#msgid”）。单击（函数（）{
appender（）；
})；//单击结束函数
}); // 文件结束。准备好了吗

以下函数的行为类似于全局函数，您可以从任何地方调用它

function appender(){        
    $("#msgid").append("appended with the appender() function<br />");          
}

函数appender（）{
$（“#msgid”）.append（“附加了appender（）函数
”；
}

要想做你想做的事，你可以按如下操作

<script type="text/javascript">
$(document).ready(function(){  
    $("#msgid").html('');        //WHY IS THIS CODE BLOCK NECESSARY? to empty the contents of           the div

$("#msgid").click(function() {   
           appender();
        }); // end of click function
 }); // end of document.ready


$（文档）.ready（函数（）{
$（“#msgid”）.html（“”）//为什么需要此代码块？要清空div的内容
$（“#msgid”）。单击（函数（）{
appender（）；
})；//单击结束函数
}); // 文件结束。准备好了吗

以下函数的行为类似于全局函数，您可以从任何地方调用它

function appender(){        
    $("#msgid").append("appended with the appender() function<br />");          
}

函数appender（）{
$（“#msgid”）.append（“附加了appender（）函数
”；
}

ahhh有趣的是，它的意思是“当文档加载完毕时，运行appender（）函数，并使appender（）函数为将来使用做好准备”？？这种理解正确吗？@jqueryn00b不，它的作用不是说当文档准备就绪时，将appender函数作为事件处理程序附加到与选择器匹配的所有元素的click事件中，在本例中，id为msgidahh的元素很有趣，所以它的作用是说“当文档加载完成时，运行appender（）函数，并使appender（）函数为将来使用做好准备？？这理解正确吗？@jqueryn00b不，它不是说当文档准备就绪时，将appender函数作为事件处理程序附加到与选择器匹配的所有元素的click事件，在本例中，元素id为msgidYes。我首先这么做了，我只是尝试显式地命名和调用该函数。谢谢你！是的，我先这么做了，我只是尝试显式地命名和调用函数。谢谢你！只是一条评论，用jquery我们应该分开点击事件，我们应该尽量避免内联代码谢谢你的评论，我同意你只是一条评论，用jquery我们应该分开点击事件，我们应该尽量避免内联代码谢谢你的评论，我同意你
function appender(){        
    $("#msgid").append("appended with the appender() function<br />");          
}