Jquery常用的方法汇总(6)_H5之家 - 中国HTML5教程资源分享第一站

            //document:代表整个文档,我要匹配文档中某一个不确定对象,用了这样一种形式
            //e:是指我们要找的某个元素,他的是个不特定的值,$(e.target)是那个不特定的对象
            //来自于我们不特定的匹配,匹配到谁就是谁
        <body>
            <p title="选择你最喜欢的水果." >
                <span>

                <a title="苹果">苹果</a>
                <a title="橘子">橘子</a>
                <a title="菠萝">菠萝</a>
                </span>
            </p>
            <ul>
                    <li title="苹果">苹果</li>
                    <li title="橘子">橘子</li>
                    <li title="菠萝">菠萝</li>
            </ul>
        </body>

//获取对象的左边距和上边距 offset() :

        用法 :
            jQuery对象.offset();
            jQuery对象.offset().left/top;
        var $p = $("p").offset();//获得p的左边距和上边距,是个数组
        $p.left;//得到的值,就是左边距
        $p.top;//得到的值,就是上边距

//设置坐标并显示,show() :

        对象.css().show("slow(慢)"http://www.wyzu.cn/"normal(正常)"http://www.wyzu.cn/"fast(快)");
    三种预定速度之一的字符串("slow","normal","fast")或表示动画时长的毫秒数值(如：1000)
        $("#id").mouseover(function(e){
                //e相当于原生js中的event
                //创建一个div元素,e触发的事件对象(mouseover),this代表触发的时候,事件源对象(指html标签)
                var tooltip = "<div>" + this.title + "<\/div>";
                $("body").append(tooltip); //追加到文档中
                $("#tooltip").css({
                    "top":e.pageY + "px",
                    "left":e.pageX + "px",
                    "width":"300px"
                    }).show("fast"); //设置x坐标和y坐标并且显示,这里的e,是当事件源触发这个事件的时候,事件和鼠标的相交的一个坐标,用这个坐标,表示这个框的左上角坐标
                })