锋利的jquery--CH4

锋利的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")  //--判断是否是动画状态

------------------------------------------------------------

   

h5-----

   

-32--023-0-032

------------------------------------------------------------