32-jQuery事件委托练习

最新推荐文章于 2023-01-07 11:07:03 发布
杨亚仑
最新推荐文章于 2023-01-07 11:07:03 发布
阅读量151
点赞数
分类专栏： jQuery入门练习
本文链接：https://blog.csdn.net/yangyalun/article/details/83351446
版权
jQuery入门练习专栏收录该内容
60 篇文章 0 订阅
订阅专栏
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>32-jQuery事件委托练习</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        html,body{
            height: 100%;
            width: 100%;
        }
        .mask{
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            position: fixed;
            left: 0;
            top: 0;
        }
        .login{
            width: 290px;
            height: 160px;
            margin: 100px auto;
            position: relative;
        }
        .login>span{
            width: 20px;
            height: 20px;
            position: absolute;
            top: 0;
            right: 0;
        }
    </style>
    <script src="JS_file/jquery-1.12.4.js"></script>
    <script>
         $(function () {
             /*这是一个使用jQuery来编写的对话框弹出和关闭功能
             这个对话框是一个div，有一张对话框的图片，还有一个span用来绑定点击关闭功能，
             */
             //给a标签绑定click事件
             $("a").click(function () {
                // jQuery接收一个字符串片段，即对话框的内容
                var $mask=$("<div class=\"mask\">\n" +
                    "    <div class=\"login\">\n" +
                    "        <img src=\"images/login.png\" alt=\"\">\n" +
                    "        <span> </span>\n" +
                    "    </div>\n" +
                    "</div>");
                //给body添加对话框的内容
                 $("body").append($mask);
                // 由于这个div是添加进去的内容，所以无法给它绑定事件，所以可通过委托事件来绑定，即找body帮它做
                $("body").delegate(".login>span","click",function () {
                    //$mask这个对话框div被移除
                    $mask.remove();
                });
                 //消除a标签的默认事件
                 return false;
             })
         })
    </script>
</head>
<body>
<!--<div class="mask">
    <div class="login">
        <img src="images/login.png" alt="">
        <span> </span>
    </div>
</div>-->
<a href="http://www.baidu.com">点击登录</a>
<div>
    竞品测试虚拟机：
    1.	虚拟机软件：VirtualBox-5.2.12
    2.	虚拟机操作系统：Windows Server 2008 64位
    3.	Oracle 11g 64位服务端，Oracle 11g 32位客户端
    4.	 ArcGIS 10.3 32位 破解版，包括arcgis desktop, arcgis server,arcgis engine
    5.	数据来源：将MapGIS 的Test_Data_Overlay10W.hdf中的DLTB图层导入到Oracle 11g中，然后在ArcGIS 桌面创建地图文档，名称为DLTB.MXD，然后发布到ArcServer中进行测试，服务发布时要设置为同时发布为WMS和WFS服务，地图显示样式要配成跟MapGIS中一样。


    测试程序准备：
    1．	基于arcgis javascript 开发库，开发一个地图文档显示程序，加载arcgis server中发布的DLTB.MXD地图文档，地图铺满整个窗口，上方浮动显示工具条，按钮包括：点击查询、拉框查询（查询结果以表格形式显示，支持选择后进行闪烁、修改和删除）、添加多边形。
    2．	基于arcgis javascript 开发库，开发一个矢量图层显示程序，加载oracle 11g数据库中的矢量图层DLTB，地图铺满整个窗口，上方浮动显示工具条，按钮包括：点击查询、拉框查询（查询结果以表格形式显示，支持选择后进行闪烁、修改和删除）、添加多边形。
    3．	基于arcgis engine中提供的.NET控件，开发一个地图显示程序，支持选择文件目录中的MXD文件，显示在地图控件中。
    4．	基于arcgis engine中提供的函数接口，调用GP空间分析功能，实现两个图层进行相交叠加分析的功能，分析的源数据和结果数据均存储到oracle 11g中。
    5．	在第2的基础上，在arcgis server中发布一个叠加分析GP服务，然后基于arcgis javascript api接口，调用发布的gp服务，实现两个图层进行相交叠加分析的功能，分析的源数据和结果数据均存储到oracle 11g中，叠加分析完成后，将结果图层添加到地图容器中进行叠加显示。

    竞品测试虚拟机：
    1.	虚拟机软件：VirtualBox-5.2.12
    2.	虚拟机操作系统：Windows Server 2008 64位
    3.	Oracle 11g 64位服务端，Oracle 11g 32位客户端
    4.	 ArcGIS 10.3 32位 破解版，包括arcgis desktop, arcgis server,arcgis engine
    5.	数据来源：将MapGIS 的Test_Data_Overlay10W.hdf中的DLTB图层导入到Oracle 11g中，然后在ArcGIS 桌面创建地图文档，名称为DLTB.MXD，然后发布到ArcServer中进行测试，服务发布时要设置为同时发布为WMS和WFS服务，地图显示样式要配成跟MapGIS中一样。


    测试程序准备：
    1．	基于arcgis javascript 开发库，开发一个地图文档显示程序，加载arcgis server中发布的DLTB.MXD地图文档，地图铺满整个窗口，上方浮动显示工具条，按钮包括：点击查询、拉框查询（查询结果以表格形式显示，支持选择后进行闪烁、修改和删除）、添加多边形。
    2．	基于arcgis javascript 开发库，开发一个矢量图层显示程序，加载oracle 11g数据库中的矢量图层DLTB，地图铺满整个窗口，上方浮动显示工具条，按钮包括：点击查询、拉框查询（查询结果以表格形式显示，支持选择后进行闪烁、修改和删除）、添加多边形。
    3．	基于arcgis engine中提供的.NET控件，开发一个地图显示程序，支持选择文件目录中的MXD文件，显示在地图控件中。
    4．	基于arcgis engine中提供的函数接口，调用GP空间分析功能，实现两个图层进行相交叠加分析的功能，分析的源数据和结果数据均存储到oracle 11g中。
    5．	在第2的基础上，在arcgis server中发布一个叠加分析GP服务，然后基于arcgis javascript api接口，调用发布的gp服务，实现两个图层进行相交叠加分析的功能，分析的源数据和结果数据均存储到oracle 11g中，叠加分析完成后，将结果图层添加到地图容器中进行叠加显示。

    竞品测试虚拟机：
    1.	虚拟机软件：VirtualBox-5.2.12
    2.	虚拟机操作系统：Windows Server 2008 64位
    3.	Oracle 11g 64位服务端，Oracle 11g 32位客户端
    4.	 ArcGIS 10.3 32位 破解版，包括arcgis desktop, arcgis server,arcgis engine
    5.	数据来源：将MapGIS 的Test_Data_Overlay10W.hdf中的DLTB图层导入到Oracle 11g中，然后在ArcGIS 桌面创建地图文档，名称为DLTB.MXD，然后发布到ArcServer中进行测试，服务发布时要设置为同时发布为WMS和WFS服务，地图显示样式要配成跟MapGIS中一样。


    测试程序准备：
    1．	基于arcgis javascript 开发库，开发一个地图文档显示程序，加载arcgis server中发布的DLTB.MXD地图文档，地图铺满整个窗口，上方浮动显示工具条，按钮包括：点击查询、拉框查询（查询结果以表格形式显示，支持选择后进行闪烁、修改和删除）、添加多边形。
    2．	基于arcgis javascript 开发库，开发一个矢量图层显示程序，加载oracle 11g数据库中的矢量图层DLTB，地图铺满整个窗口，上方浮动显示工具条，按钮包括：点击查询、拉框查询（查询结果以表格形式显示，支持选择后进行闪烁、修改和删除）、添加多边形。
    3．	基于arcgis engine中提供的.NET控件，开发一个地图显示程序，支持选择文件目录中的MXD文件，显示在地图控件中。
    4．	基于arcgis engine中提供的函数接口，调用GP空间分析功能，实现两个图层进行相交叠加分析的功能，分析的源数据和结果数据均存储到oracle 11g中。
    5．	在第2的基础上，在arcgis server中发布一个叠加分析GP服务，然后基于arcgis javascript api接口，调用发布的gp服务，实现两个图层进行相交叠加分析的功能，分析的源数据和结果数据均存储到oracle 11g中，叠加分析完成后，将结果图层添加到地图容器中进行叠加显示。

    竞品测试虚拟机：
    1.	虚拟机软件：VirtualBox-5.2.12
    2.	虚拟机操作系统：Windows Server 2008 64位
    3.	Oracle 11g 64位服务端，Oracle 11g 32位客户端
    4.	 ArcGIS 10.3 32位 破解版，包括arcgis desktop, arcgis server,arcgis engine
    5.	数据来源：将MapGIS 的Test_Data_Overlay10W.hdf中的DLTB图层导入到Oracle 11g中，然后在ArcGIS 桌面创建地图文档，名称为DLTB.MXD，然后发布到ArcServer中进行测试，服务发布时要设置为同时发布为WMS和WFS服务，地图显示样式要配成跟MapGIS中一样。


   

</div>
</body>
</html>
杨亚仑
关注
0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
32-jQuery事件委托练习

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;32-jQuery事件委托练习&lt;/title&gt; &lt;style&gt; *{
复制链接

扫一扫
专栏目录