zoukankan      html  css  js  c++  java
  • jquery控件的学习

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>jquery控件学习</title>
    <script type="text/javascript" src="http://libs.useso.com/js/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript">
    //控件
    $.fn.test=function(options){
        var optionThis=$(this);
        defaultoptions={
            closeBtn:'#closeBtn'
        };
        even={
            open:function(){
                optionThis.unbind().bind('click',function(){
                    $('body').append($('<div class="layer">').text('这是一个层'));
                    even.close();
                });
            },
            close:function(){
                $(defaultoptions.closeBtn).unbind().bind('click',function(){
                    $('.layer').remove();
                });
            }
            
        };
        even.open();
    };

    $(document).ready(function() {
        $('#openBtn').test({});
    });



    </script>
    </head>

    <body>

    <input type="button"  value="open" id="openBtn"/>
    <input type="button"  value="close" id="closeBtn"/>
    </body>
    </html>

  • 相关阅读:
    Android -- 保存文件
    Android -- AsyncTask
    Java 集合
    Android -- ViewPager放入多个XML监听每个的控件
    Android -- 自定义标题栏,背景颜色填充满
    PowerShell正则表达式(一) 定义模式
    PowerShell 简单模式识别 1
    Powershell 设置数值格式 1
    PowerShell String对象方法 1
    PowerShell 字符串操作符
  • 原文地址:https://www.cnblogs.com/Better-Me/p/4073621.html
Copyright © 2011-2022 走看看