关于jquery脚本位置的问题

2010-01-04 04:37:21 181 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

SECS/GEM协议中的关键指令详解：从S1F1到S9F9的完整指南本文详细解析了SECS/GEM协议中从S1F1到S9F9的关键指令，涵盖设备状态管理、控制诊断、报警处理等核心功能。通过实际案例和调试技巧，帮助开发者掌握半导体制造设备通信标准，解决SECS/GEM协议在实际工程应用中的通讯难题，提升生产线智能化水平。阅读详情

使用jquery时遇到这样的问题,把js脚本放在代码最下面可以使用，放在<head>中不好使。



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>Hello World jQuery!</title>

    <script type="text/javascript" src="scripts/jquery-1.3.2-vsdoc2.js"></script>

</head>

<body>

    <div id="divMsg">Hello World!</div>

    <input id="btnShow" type="button" value="显示" />

    <input id="btnHide" type="button" value="隐藏" /><br />

    <input id="btnChange" type="button" value="修改内容为 Hello World, too!" />

    <script type="text/javascript" >

        $("#btnShow").bind("click", function(event) { $("#divMsg").show(); });

        $("#btnHide").bind("click", function(event) { $("#divMsg").hide(); });

        $("#btnChange").bind("click", function(event) { $("#divMsg").html("Hello World, too!"); });      

    

</script>

</body>

</html>

不好使的情况



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>Hello World jQuery!</title>

    <script type="text/javascript" src="scripts/jquery-1.3.2-vsdoc2.js"></script>

<script type="text/javascript" >

        $("#btnShow").bind("click", function(event) { $("#divMsg").show(); });

        $("#btnHide").bind("click", function(event) { $("#divMsg").hide(); });

        $("#btnChange").bind("click", function(event) { $("#divMsg").html("Hello World, too!"); });      

    

</script>



</head>

<body>

    <div id="divMsg">Hello World!</div>

    <input id="btnShow" type="button" value="显示" />

    <input id="btnHide" type="button" value="隐藏" /><br />

    <input id="btnChange" type="button" value="修改内容为 Hello World, too!" />

    </body>

</html>