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("<h1>GwtQuery Rocks !</h1>"); //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); } }); }