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

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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章