没见过jQuery这种用法求解释-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

没见过jQuery这种用法求解释

2016-07-12 14:19:47 1523 1
<script type="text/javascript">
    $(function(){
        /* function to make the thumbs menu scrollable */
        function buildThumbs($elem){
            var $wrapper        = $elem.next();
            var $menu       = $wrapper.find('.sc_menu');
            var inactiveMargin  = 150;
            /* move the scroll down to the
            beggining (move as much as the height of the menu) */
            $wrapper.scrollTop($menu.outerHeight());
            /* when moving the mouse up or down, the wrapper moves (scrolls) up or down */
            $wrapper.bind('mousemove',function(e){
                var wrapperHeight   = $wrapper.height();
                var menuHeight  = $menu.outerHeight() + 2 * inactiveMargin;
                var top     = (e.pageY - $wrapper.offset().top) * (menuHeight - wrapperHeight) / wrapperHeight - inactiveMargin;
                $wrapper.scrollTop(top+10);
            });
        }
        var stacktime;
        $('#menu li > a').bind('mouseover',function () {
            var $this = $(this);
            buildThumbs($this);
            var pos =   $this.next().find('a').size();
            var f   =   function(){
                if(pos==0) clearTimeout(stacktime);
                $this.next().find('a:nth-child('+pos+')').css('visibility','visible');
                --pos;
            };
            /* each thumb will appear with a delay */
            stacktime = setInterval(f , 50);
        });
        /* on mouseleave of the whole <li> the scrollable area is hidden */
        $('#menu li').bind('mouseleave',function () {
            var $this = $(this);
            clearTimeout(stacktime);
            $this.find('.sc_menu').css('visibility','hidden').find('a').css('visibility','hidden');
            $this.find('.sc_menu_wrapper').css('visibility','hidden');
        });
        /* when hovering a thumb, change its opacity */
        $('.sc_menu a').hover(
        function () {
            var $this = $(this);
            $this.find('img')
            .stop()
            .animate({'opacity':'1.0'},400);
        },
        function () {
            var $this = $(this);
            $this.find('img')
            .stop()
            .animate({'opacity':'0.3'},400);
        }
    );
    });
</script>

为什么是$wrapper啊 很多有加$的 我只知道$(function(){}),$.ajax等等,
变量加$求大神解释

取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:54:53

    带$表示是jquery对象,可以直接使用这个对象变量使用jquery方法

    0 0
相关问答

1

回答

JS中用JQuery的ajax批量请求URL

2016-05-25 10:37:28 2177浏览量 回答数 1

1

回答

jQuery同时ajax多次的问题。

2016-05-25 11:36:45 1703浏览量 回答数 1

1

回答

jquery ajax 后台返回值 到前台不会处理了

2016-07-12 15:20:52 1779浏览量 回答数 1

1

回答

关于ajax jquery分页的问题,求大神!!

2016-07-12 15:26:42 1758浏览量 回答数 1

1

回答

有没有JavaScript或者Jquery用Ajax想后台提交数组参数的更好方式

2016-07-12 16:16:23 1620浏览量 回答数 1

1

回答

jquery ajax缓存问题

2016-07-12 16:56:05 1710浏览量 回答数 1

1

回答

jquery的ajax,要求返回格式是json,在结果还没有返回时,刷新页面,就会进入error函数,请问有没有解决办法?

2016-07-13 10:29:57 1897浏览量 回答数 1

1

回答

jquery ajax 提交Struts2请求 action的namespace问题

2016-07-13 14:39:40 1766浏览量 回答数 1

1

回答

JQuery中$.ajax()方法,只能在document.ready里调用?不能在普通function里调用?

2016-07-13 14:50:35 3889浏览量 回答数 1

1

回答

JQuery ajax传递的参数是数组该如何弄呀,接收页如何去接收数组?

2016-07-13 15:38:22 1945浏览量 回答数 1
+关注
文章
问答
问答排行榜
最热
最新
相关电子书
更多
Python第五讲——关于爬虫如何做js逆向的思路
立即下载
JS零基础入门教程(上册)
立即下载
JavaScript异步编程
立即下载