这里的差别是否只是各种牙齿糖,还是有理由对另一类糖采取某种做法? 它们都做了工作,而且更令人困惑的是,、和之间的区别是什么?
CSS
#reportDetails table tr:hover td,
#reportDetails table tr.hover td {
background: #aae4e2;
color: #333333;
}
Sample html
<div id="reportDetails">
<table>
<tr>
<td> something</td>
<td> soemthing else</td>
</tr>
<tr>
<td> something2</td>
<td> soemthing else2</td>
</tr>
</table>
</div>
dojo.behaviorscript
dojo.require("dojo.behavior");
if (dojo.isIE <= 6) {
dojo.behavior.add({
#reportDetails tr : {
onmouseover: function(evt){ dojo.addClass(evt.currentTarget, "hover");},
onmouseout: function(evt){dojo.removeClass(evt.currentTarget, "hover");
}
}
});
}
dojo.behavior.apply();
dojo.query for Eachscript
if (dojo.isIE <= 6) {
dojo.addOnLoad(function() {
dojo.query("tr", "reportDetails").forEach(function(node){
node.onmouseover=function(){dojo.addClass(node,"hover");}
node.onmouseout=function() {dojo.removeClass(node,"hover");}
}
});
});
}
dojo.query ataching brief to the activities
if (dojo.isIE <= 6) {
dojo.addOnLoad(function(){
dojo.query("tr", "reportDetails")
.onmouseover(function(evt){dojo.addClass(evt.currentTarget, "hover");})
.onmouseout(function(evt){dojo.removeClass(evt.currentTarget, "hover");});
});
}
我假定,evt. CurrentTarget和node可全部替换为this,目前仍然有效。 我认为,在2到3之间没有真正的差别,但第一种可能实际上采用不同的方法。