复习JQ (4)

ev  pageX  which


preventDefault()   stopPropagation()


one()


offset()  position()


offsetParent()


val()


size()


each()



一、 关于ev  pageX  which


$("div").click(function(ev){

    // ev就是event;

    // ev.pageX(相对于文档)   ev.clientX (相对于可视区)

    // ev.which 记录键盘的keyCode

})



二、preventDefault()  stopPropagation()

$("div").click(function(ev){

    // ev.preventDefault()  阻止默认事件

    // ev.stopPropagation()  阻止冒泡

    // JQ中的 return false 是既阻止默认事件 又阻止冒泡

})


三、one()

只让事件执行一次

$("div").one("click",function(){

    alert(123);

})


四、offset()  position()


$("div").offset().left   //无论父级有没有定位 都是获取div到屏幕左边的距离

$("div").position().left   //到上一个有定位的父级的左边的距离 不包含margin  父级没有就到屏幕

// 可以看作将div转化成一个带有定位的div  取其left


五、offsetParent()


获取有定位的父级,父级没有就向上搜索


六、val()


获取或设置某个标签的value值


$("input").val(); // 获取value值


$("input").val(456); //设置value值


七、size()

有点像length

       


  •    

  •    


  •    




$("li").size(); //  4


八、each()

JQ中的循环

       


  •    

  •    


  •    


$("li").each(function(i,elem){

    //elem是指每个元素

    // i 类似for循环里面的i

    elem.html(i);  // 四个li分别为0,1,2,3

   

})




你可能感兴趣的