JQuery为html中标签设置响应的事件函数

最新推荐文章于 2022-11-10 17:34:59 发布

lovehuishouzan

最新推荐文章于 2022-11-10 17:34:59 发布

阅读量630

点赞数

分类专栏： learning

本文链接：https://blog.csdn.net/lovehuishouzan/article/details/104024957

版权

learning 专栏收录该内容

118 篇文章 3 订阅

订阅专栏

1.下面代码实现通过jquery为html中的button标签、和input标签设置响应的响应函数；

其中input类型的标签有两个响应函数，点击一次，会分别执行两个响应的函数。

<html>
<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
        $(document).ready(function(){
            $("button").click(function(){
                $.post("ceshi1.php",{
                        name:"菜鸟教程",
                        url:"http://www.runoob.com"
                    },
                    function(data,status){
                        alert("数据: \n" + data + "\n状态: " + status);
                    });
            });

            $("input").click(function(){ //所有input控件都会执行的函数
                $.post("ceshi1.php",{
                        name:"菜鸟教程",
                        url:"http://www.runoob.com"
                    },
                    function(data,status){
                        alert("数据: \n" + data + "\n状态: " + status);
                    });
            });

        });
        function shishi1()
        {
             alert("shishi1");
        }
    </script>
</head>
<body>

<button>发送一个 HTTP POST 请求页面并获取返回内容</button>

<!--下面input控件会执行两个函数，分别是shishi1（）函数和input（）响应函数；-->
<input type="button" onclick="shishi1()"  name="buttonone">

</body>
</html>

lovehuishouzan

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery为html中标签设置响应的事件函数

1.下面代码实现通过jquery为html中的button标签、和input标签设置响应的响应函数；其中input类型的标签有两个响应函数，点击一次，会分别执行两个响应的函数。<html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title&g...
复制链接

扫一扫