锋利的jquery--CH4
$(function() {
//span点击事件
$('span').bind("click",function(event){
var txt = $('#msg').html() + "
内层span元素被点击
";
$('#msg').html(txt);
alert(event.type);///----捕获事件类型;
event.stopPropagation();//停止冒泡事件; propagation 繁殖蔓延扩展;
});
//div点击事件
$('#content').bind("click",function(){
var txt = $('#msg').html() + "
外层div元素被点击
";
$('#msg').html(txt);
});
//body点击事件
$('body').bind("click",function(){
var txt = $('#msg').html() + "
body元素被点击
";
$('#msg').html(txt);
});
})
------------------------------------------------------------
外层div元素
内层span元素
外层div元素
window.onload----页面所有元素,包括图片,都加载了才可以,
window.onload = one;//onload调用one函数
window.onload = two;//onload调用two函数
一个页面加载,只会执行一次onload--只会调用two;
$(document).ready()-----只要DOM 就绪就可以执行,不必等所有图片都加载了;
$(document).ready(function(){});即为:$(function(){});的原版;
也可以直接不写document,默认是document
bind()---绑定 click mouseover mouseout mousemove
hover()----模拟光标悬浮事件
$(element).hover(function(){}.funcition(){})
//---鼠标放上触发第一个func,鼠标移开触发第二个func
toggle()----模拟鼠标连续单击事件;
----------------------???--------------------------------------
来点我啊
7月10日上午,在福建福州鼓楼区洪山园路段发生一起事故,
一辆大巴车撞倒环卫工人陈女士并推行了十多米。昨日,记者了解到,
此前两人曾发生肢体冲突,陈女士伤情严重,全身20多处骨折,伤情有待进一步鉴定。
ppppppp
--------------------冒泡事件----------------------------------------
外层div元素
内层span元素
外层div元素
------------------------------------------------------------
stop()---会结束当前正在进行的动画,并立即执行队列中的下一个动画;
$("#panel").hover(function(){ //---放上去执行
alert(3);
},function(){ //---离开执行;
alert(4);
});
------------------------------------------------------------
$(element).is(":animated") //--判断是否是动画状态
------------------------------------------------------------
------------------------------------------------------------