jquery知识点遗漏

eq从0开始计算

$("p").eq(1).animate({"width":400},1000);

jquery-ui

$("div").draggable();

重要的参数,参数都以JSON来配置

$("div").draggable(JSON);
$("p").draggable({
    axis: "x",       //约束在某个轴上
    containment: "parent",  //在父盒子中拖拽
    containment:  [x1, y1, x2, y2],
    grid : [100],           //步长
    drag : function(event, ui){ 
    // ui.position.left;就是滑块到滑块最左边的距离
        console.log(ui.position.left,ui.position.top);
    }
});

jQuery中的尺寸:

$("div").width();  //计算后的内容宽度
$("div").innerWidth();  //计算后的算上padding的宽度
$("div").outerWidth();  //算上padding和border
$("div").outerWidth(true);//算上padding和border和margin

jQuery中的净位置

offset()这个方法返回一个带有top、left、bottom、right属性的对象

var t = $("p").offset().top;

mousewheel滚轮事件

$(div).mousewheel(function(event,delta){
            if(delta > 0){
                self.llBtnHandler();
            }else{ 
                self.rrBtnHandler();
            }
        }); 

猜你喜欢

转载自blog.csdn.net/qq_43137725/article/details/82493289