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>
</ul>
$("li").size(); // 4
八、each()
JQ中的循环
<ul>
<li></li>
<li></li>
<li></li>
</ul>
$("li").each(function(i,elem){//elem是指每个元素
// i 类似for循环里面的i
elem.html(i); // 四个li分别为0,1,2,3
})