Question

以下jQuery示例应该将一些文本放入div中，但事实并非如此。我尝试过Firefox，谷歌浏览器和Internet Explorer。

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" language="javascript"></script>
<script language="javascript">

$(window).load(function() {

  $('adiv').html('<p>hello world</p>');
  alert('done');

});
</script>
</head>

<body>
<div id="adiv">
</div>
</body>

</html>

抱歉，这可能是愚蠢的，但我被困住了。

Answer 1

将$('adiv').html('<p>hello world</p>');更改为

$('#adiv').html('<p>hello world</p>');

Answer 2

您实际上并未在选择功能中选择任何内容

在$(开启后，您需要使用CSS3有效选择器。只是字符串不会选择任何内容，除非它是HTML元素（table，div，h2）

您需要在其前面添加.或#来表示班级或ID名称。

Answer 3

$('adiv')应为$('#adiv')。

与Prototype不同，在jQuery中，您指定了一个CSS选择器，而不仅仅是一个隐式推断为ID的字符串。我发现自己不时会忘记这一点。

Answer 4

正如e-turhan已经提到的那样，#中的adiv前需要$()，否则这不是ID选择器。此外，最好在.load() jQuery事件中调用这些.ready()事件，其中着名的快捷方式是$(function() { //execute when DOM is ready });。在你的情况下：

$(function(){

$(window).load(
 function(){
   $('#adiv').html('<p>hello world</p>');   
 }

);

Answer 5

<html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" language="javascript"></script> <script language="javascript">  $(window).load(function() {    $('#adiv').html('<p>hello world</p>');   alert('done');  }); </script> </head>  <body> <div id="adiv"> </div> </body>  </html>

粘贴此代码代替您的查询

它会起作用

Answer 6

尝试$（document）.ready（function（）...而不是$（window）.load（function（）...

这个jQuery示例有什么问题？

6 个答案: