js/jQuery使用过程中常见问题

目录

一、jQuery选择器选择选中的或者disabled的选择框时attr函数无效
二、jQuery each函数的break/continue
三、jQuery 获取元素的left会值/left数值
四、js 监听元素触摸/划屏动作
没设置导致$(window).height()不准确问题

一、jQuery选择器选择选中的或者disabled的选择框时attr函数无效

jQuery代码如下:

 

if (!$obj.prop("disabled")){//用prop选择或者设置对象值
     $obj.prop("checked", This.prop("checked"));
}

 

或者

$obj.is(":checked");

  

二、jQuery each函数中如何实现break/continue

jQuery代码如下:

return false;//break
return true;//continue

 

三、jQuery 获取元素的left会值/left数值

$obj.position().left;//获取数值
$obj.css("left");//获取值-如1px

 

四、js 监听元素触摸/划屏动作

                var el=document.getElementById("example"),
                    startPos = { x: 0, y: 0 },
                    currentPos = { x: 0, y: 0 };
                el.addEventListener('touchstart', function (event) {
                    startPos = { x: event.changedTouches[0].pageX, y: event.changedTouches[0].pageY };
                }, false);
                el.addEventListener('touchmove', function (event) {
                    event.preventDefault();//阻止默认的触屏滚动动作
                    currentPos = { x: event.changedTouches[0].pageX, y: event.changedTouches[0].pageY };
                }, false);
                el.addEventListener('touchend', function (event) {
                    currentPos = { x: event.changedTouches[0].pageX, y: event.changedTouches[0].pageY };
                    if (currentPos.x != startPos.x){
                        //你左右划动
                    }
                    if (currentPos.y != startPos.y){
                         //你上下划动
                    }
                    startPos = { x: 0, y: 0 },
                    currentPos = { x: 0, y: 0 };
                }, false);

 

五、没设置导致$(window).height()不准确问题

只要在页面顶部加上就可以

 

<!DOCTYPE html>

 

你可能感兴趣的:(js/jQuery使用过程中常见问题)