JQuery事件

border-collapse: collapse;

separate：

边框独立

collapse：

相邻边被合并

 

 $.each(object,[callback])

遍历数组，同时使用元素索引和内容。

$.each( [0,1,2], function(i, n){

  alert( "Item #" + i + ": " + n );

});

遍历对象，同时使用成员名称和变量内容。

$.each( { name: "John", lang: "JS" }, function(i, n){

  alert( "Name: " + i + ", Value: " + n );

});

each(callback)

以每一个匹配的元素作为上下文来执行一个函数。

$("img").each(function(i){

   this.src = "test" + i + ".jpg";

 });

删除元素

remove([expr]) 与 empty()

empty()方法并非真正意义上的删除，使用该方法，仅仅可以清空全部节点或所包括的所有后代元素，并非删除节点和元素。

其实empty()就是将元素内容置空。比方这样的一个<label>name</labe>这个时候，我们如果要替换内容，可以用$("label").empty()，和$("label").text("")类似。

如果$("label").remove().就是将这个label元素直接移除了。那么审查元素的时候，就个元素就不存在了。

 

事件机制

事件在触发后别分为2个阶段，一个是捕获，一个是冒泡

大多数浏览器并不支持捕获阶段，jQuery也不支持

在代码中除了使用stopPropagation()阻止事件冒泡过程，还可以通过语句return false

 

页面载入机制

ready()方法的工作原理

 onload()方法的执行必须是页面全部元素完全加载到浏览器才触发，在这种情况下，如果图片过大，那么有可能要等onload()方法执行完毕，用户才能进行其他操作。

jQuery中的ready()方法则只要页面的DOM模型加载完毕就会触发。

 

bind(type,[data],fn)

type调用的类型包括

blur,focus,load,scroll,unload,click,

dbclick,mousedown,mouseup,mousemove,mouseover,

mouseout,mouseenter,mouseleave,change,select,submit,

keydowm,keypress,keyup,error

参数data是作为event.data的属性值传递给事件对象额外的数据对象

参数fn是绑定到每个选择元素的事件中的处理函数

Eg1:

$(function(){

   $(‘.txt’).bind({

focus : function(){},

change: function(){}

})

})

Eg2:

$(function(){

   $(‘.txt’).binnd(‘change’,{msg : message},function(event){

    $(‘#divTip’).html(event.data.msg)

})

})

 

切换事件、移除事件

hover(over,out)

toggle(fn,fn2,fn3,[fn4,fn5,……])每次单击后依次调用函数

unbind([type],[fn])如果没有参数则移除所有绑定事件

如果带有参数type或fn 则移除该参数指定的事件类型或指定的函数类型