GWT的jQuery框架 GwtQuery
本文导语: GwtQuery 又被称为gQuery,是一个使用GWT编写的jQuery-like API。允许GWT用在逐步增强的情景下,可能GWT部件过于重量级的地方。它同样可以用来查找和改善你的GWT部件。 GwtQuery 对于使用jQuery的开发者来说,易于学习,因为它们共享相...
GwtQuery 又被称为gQuery,是一个使用GWT编写的jQuery-like API。允许GWT用在逐步增强的情景下,可能GWT部件过于重量级的地方。它同样可以用来查找和改善你的GWT部件。
GwtQuery 对于使用jQuery的开发者来说,易于学习,因为它们共享相同的API,除此之外,gquery增添了很好的特性,比如类型安全的CSS、编译时间最佳化等。
示例代码:
import static com.google.gwt.query.client.GQuery.*;
import com.google.gwt.query.client.Function;
public void onModuleLoad() {
//Hide the text and set the width and append an h1 element
$("#text").hide()
.css("width", "400px")
.prepend("GwtQuery Rocks !");
//add a click handler on the button
$("button").click(new Function(){
public void f() {
//display the text with effects and animate its background color
$("#text").as(Effects)
.clipDown()
.animate("backgroundColor: 'yellow'", 500)
.delay(1000)
.animate("backgroundColor: '#fff'", 1500);
}
});
}