• 自己写的一个类似于jQuery中的toggle函数


    自己写的一个类似于jQuery中的toggle函数

    这是HTML

    <!DOCTYPE html>
    <html lang="en">
    
        <head>
            <meta charset="utf-8">
            <title>公共测试页</title>
            <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
            <script type="text/javascript">
                function switchSearch(o) {
                    var hit = $(o).data('hit');
                    if (hit === 0) {
                        o.innerHTML = "浙江农林大学";
                        $(o).data('hit', 1);
                    } else {
                        o.innerHTML = "环境与资源学院";
                        $(o).data('hit', 0);
                    }
                }
            </script>
            <style type="text/css">
                body {
                    margin: 0;
                    padding: 0;
                }
                div {
                    background: #0062A7;
                    width: 100px;
                    height: 100px;
                    margin: 10px;
                    text-align: center;
                    float: left;
                }
            </style>
        </head>
    
        <body>
            <div id="div1" onclick="switchSearch(this)" data-hit="0">模块一</div>
            <div id="div2" onclick="switchSearch(this)" data-hit="0">模块二</div>
            <div id="div3" onclick="switchSearch(this)" data-hit="0">模块三</div>
        </body>
    
    </html>
  • 相关阅读:
    Jenkins远程部署应用
    Centos7搭建Jenkins
    Centos7安装Docker
    Centos7安装Maven
    Centos7安装jdk
    由object元素引出的事件注册问题和层级显示问题
    ios中input输入无效
    手册
    CSS 清楚浮动总结
    JS 创建对象总结
  • 原文地址:https://www.cnblogs.com/shanligang/p/3921489.html
Copyright © 2020-2023  润新知