jQuery--函數

命名函數

可多次調用。

函數聲明:

function func(args) {//執行語句};

例:
<script>
    $(document).ready(function() {
        //創建一個點擊事件
        $('img').clikc(show);
        //show()函數聲明
        function show() {
            var info = '<div><h3></h3></div>';
            $(this).after(info);
            //顯示一次後刪除事件
            $(this).unbind('click');
        }
    });
</script>
<body>
    <img src='images/1.png' alt='logo'>
</body>

函數表達式:

var func = function(args) {//執行語句};

例:
<script>
    $(document).ready(function() {
        //創建函數表達式:show
        var show = function() {
            var info = '<div><h3></h3></div>';
            $(this).after(info);
            //顯示一次後刪除事件
            $(this).unbind('click');
        }
        $('img').clikc(show);
    });
</script>
<body>
    <img src='images/1.png' alt='logo'>
</body>

匿名函數

以參數,回調或閉包形式出現,不可重複調用。

$('button').click(function(args) {//執行語句});

例:
<script>
    $(document).ready(function() {
        $('img').clikc(function() {
            var info = '<div><h3></h3></div>';
            $(this).after(info);
            //顯示一次後刪除事件
            $(this).unbind('click');
        });
    });
</script>
<body>
    <img src='images/1.png' alt='logo'>
</body>

 

 

 

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