GwtQueryGWT的jQuery框架

联合创作 · 2023-09-21 17:02

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);
      }
    });
}
浏览 7
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报