javascirpt如何监控html中某个元素的class属性变化

• China




• Italy




• Lattice




• China




• Italy




• Lattice




• China

as

.live( )

---------------------------------------说明---------------------------------------------
.live( eventType, handler )返回： jQuery
描述： 附加一个事件处理器到符合目前选择器的所有元素匹配，现在和未来。version added: 1.3.live( eventType, handler )eventTypeA string containing a JavaScript event type, such as "click" or "keydown." As of jQuery 1.4 the string can contain multiple, space-separated event types or custom event names, as well.handler每次事件触发时会执行的函数。version added: 1.4.live( eventType, eventData, handler )eventType一个包含一个JavaScript事件类型的字符串，比如"click"或"keydown"。在jQuery 1.4中，该字符串可以包含多个用空格分隔的事件类型或自定义事件名称。eventData将要传递给事件处理函数的数据映射。handler每次事件触发时会执行的函数。这个方法是基于.bind()方法在元素上绑定事件处理器的一种变化。当.bind()被调用时，该元素的jQuery对象，是指附加处理器的元素;后面引入的让元素不能这样做，所以他们需要另一个.bind()调用。看下面的代码：

我们可以在这个元素上绑定一个简单的点击处理器：$('.clickme').bind('click', function() {
// Bound handler called.
});
当元素被点击时，该处理程序被调用。但是，假设在此之后，另一个因素被增加： $('body').append('');这个新元素也匹配.clickme选择器，但因为它是调用.bind()后再添加的 ，点击它什么都不会做。.live()方法提供了一个可以替代的行为。如果我们绑定单击处理器到目标元素使用此方法：$('.clickme').live('click', function() {
// Live handler called.
});再后来加入新元素：$('body').append('');然后点击新添加的元素也会触发的处理程序。事件描述.live()方法能影响尚未通过对事件的DOM方法添加的使用元素：绑定到父元素的处理程序是对于那些在其后代触发的事件负责。传递给处理器给.live()从不绑定到一个元素;相反， .live()绑定一个特殊的处理到DOM树的根。在我们的例子，当新的元素被点击，执行以下步骤：一个Click事件生成，并传递到