复习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

<ul>

    <li></li>

    <li></li>

    <li></li>

    <li></li>

</ul>

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

八、each()

JQ中的循环

<ul>

    <li></li>

    <li></li>

    <li></li>

    <li></li>

</ul>

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

    //elem是指每个元素

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

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

   

})