链式语法

来源:互联网 发布:java脚本语言教程 编辑:程序博客网 时间:2024/05/12 11:30
$(function(){    //第一行代码,在文档中添加四个按钮    $('<input type="button" value="第一个按钮"/><input type="button" value="第二个按钮"/><input type="button" value="删除按钮事件处理函数"/><input type="button" value="隐藏或显示文本"/>').appendTo($('body'));    //第二行代码,分别选中四个按钮,并为它们绑定不同的事件处理函数    $('input[type="button"]')    .eq(0).click(function(){    //找到第一个按钮,并绑定click事件处理函数        alert('是第一个按钮的事件处理函数');    }).end().eq(1)    //返回所有按钮,再找到第二个    .click(function(){    //为第二个按钮绑定click事件处理函数        $('input[type="button"]:eq(0)').trigger('click');    }).end().eq(2)     //返回所有按钮,再找到第三个    .click(function(){    //为第三个按钮绑定click事件处理函数        $('input[type="button"]:eq(0)').unbind('click');    }).end().eq(3)     //返回所有按钮,再找到第四个    .toggle(function(){    //为第四个按钮绑定toggle事件处理函数        $('.panel').hide('slow');    }, function(){        $('.panel').show('slow');    });});

0 0
原创粉丝点击