当前位置：首页 → 问答吧 → 求助：jQuery的Helloworld

求助：jQuery的Helloworld

时间：2010-01-14

来源：互联网

所有代码，包括html+css+jquery 的代码如下，请大侠们帮帮忙,看看错在哪里了？：

<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>test</title>
   <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
   <script type='text/javascript'>
       jQuery().ready(function(){
           document.getElementById('show').innerHTML = 'start'
       })
        function showSeq(){
            $('#show').innerHTML='Hello JQuery!'
       }
   </script>
</head>
<body>
   <button id='btn' onclick=showSeq()>change</button>
    <div id='show'></div>
</body>
</html>

结果:
初始页面显示的是一个button和“start“，如接着按button，但是没反应。

[ 此帖被zchhz在2010-01-14 17:56重新编辑 ]

作者: zchhz 发布时间: 2010-01-14

$('#show').text('Hello JQuery!');

作者: xiaoqiao412 发布时间: 2010-01-14

谢谢楼上！

作者: zchhz 发布时间: 2010-01-14

$('#show').innerHTML='Hello JQuery!'
$("#show")查找并返回的是jQuery对象。
而innerHTML是DOM对象的属性
他们并不是同一个东西。
从jQuery对象得到DOM对象的方法之一是使用get函数
$('#show').get(0).innerHTML='Hello JQuery!'

作者: jorneyr 发布时间: 2010-01-14

楼上正解~
注意dom对象和jquery对象的区别~

//dom对象转jquery对象
var ele = document.getElementById('id');
ele = $(ele);
//dom对象转jquery对象
var ele = $("#id");
ele = ele.get(0);

作者: xiaoqiao412 发布时间: 2010-01-14

学到好东西了，谢谢各位！！

作者: zchhz 发布时间: 2010-01-14

求助：jQuery的Helloworld

热门阅读

热门下载