JQuery绑定click事件

最新推荐文章于 2023-07-07 16:55:54 发布

武松打狐

最新推荐文章于 2023-07-07 16:55:54 发布

阅读量277

点赞数

分类专栏：前端JavaScript

本文链接：https://blog.csdn.net/qq_36717402/article/details/81450781

版权

前端JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

使用JQuery给标签绑定click事件
如果script 写在前面在绑定时需要写在$(function){});里面

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="../js/jquery-1.8.3.js" ></script>
        <script >

            $(function(){
                $("#btn").click(function(){
                    alert("绑定了")
                });
            })
            </script>
    </head>
    <body>
        <img  src="../img/f001a62f-a49d-4a4d-b56f-2b6908a0002c_g.jpg" id="igm1" style="display: none;"/>
        <input type="button" value="显示图片" id="btn"  />
    </body>
</html>

如果script写在body后面可以写在外面也可以写的里面`

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="../js/jquery-1.8.3.js" ></script>
        <!--<script >

            $(function(){
                $("#btn").click(function(){
                    alert("绑定了")
                });
            })
            </script>-->
    </head>
    <body>
        <img  src="../img/f001a62f-a49d-4a4d-b56f-2b6908a0002c_g.jpg" id="igm1" style="display: none;"/>
        <input type="button" value="显示图片" id="btn"  />
    </body>
    <script >
            $(function(){

            })
            $("#btn").click(function(){
                    alert("绑定了")
                });
        </script>
</html>
`

武松打狐

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery绑定click事件

使用JQuery给标签绑定click事件如果script 写在前面在绑定时需要写在$(function){});里面&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;
复制链接

扫一扫