码迷,mamicode.com
首页 > Web开发 > 详细

jquery函数封装

时间:2018-04-27 23:55:38      阅读:433      评论:0      收藏:0      [点我收藏+]

标签:dcl   tle   back   text   put   OLE   htm   封装   bsp   

<script type="text/javascript">
  $(function () {
    $("#tabMenu a").on(‘click‘,function () {
  obj(this);

  });
  $(‘#tabCon a‘).on(‘click‘,function () {
    obj(this);
  });
  function obj(e){
    $(e).addClass(‘current‘).siblings().removeClass(‘current‘);
    var value = $(e).data(‘value‘);
    $(e).parent().find(‘input‘).val(value);
  }
})
</script>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div id="odd">奇数</div>
    <div id="even">偶数</div>
    <script type="text/javascript">
        var arr= [1,2,3,4,5,6,7,8,9,10]
        function getId(id) {
            return document.getElementById(id)
        }

        var odd = getId("odd")
        var even = getId("even")

        odd.onclick = function(){
            obj(1)
        }

        even.onclick = function(){
            obj(0)
        }
        function obj(e){
            for (var i = 0; i < arr.length; i++) {
                if (arr[i] % 2 == e) {
                    console.log(arr[i])

                }
            }
            

        }

    </script>
</body>
</html>

 

jquery函数封装

标签:dcl   tle   back   text   put   OLE   htm   封装   bsp   

原文地址:https://www.cnblogs.com/huanghuali/p/8964948.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!