阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      插件 jquerypp 中文 API 文档

      插件 jquerypp 中文 API 文档 https://github.com/bitovi/jquerypp

      jQuery 缺少实用程序和特殊事件

      获取 jQuery ++

      有几种方法可以获取和设置 jQuery ++:

      • 使用下载构建器
      • 使用单个文件
      • 使用 Steal
      • 使用 AMD

      使用下载构建器

      只需选择所需的文件,然后单击“下载”。这将创建并下载包含 jquerypp.custom.js 您选择的所有文件及其依赖项。在 jQuery 1.8 之后加载这个脚本,如:

      <script src="lib/jquery.1.8.2.js"></script>
      <script src="lib/jquerypp.custom.js"></script>
      

      使用 AMD

      使用 AMD 模块加载程序(如 RequireJS)加载 jQuery ++ 插件的 amd/ 文件位于完整下载的文件夹中。将 jquerypp/ 文件夹放在模块目录中并加载如下插件:

      define(['jquery', 'jquerypp/dimensions', 'jquerypp/event/resize'],
        function($) {
          $('#element').outerWidth(500).resize();
      });
      

      您可能必须将 jquery 模块名称映射到 jQuery AMD 模块的名称。在 RequireJS 中,像这样:

      require.config({
        paths: {
          "jquery" : "http://code.jquery.com/jquery-1.8.2"
        }
      });
      

      注意:从版本 1.7 开始,如果加载器可用,jQuery 将自己定义为 AMD 模块。不再需要创建包装器。

      DOM 帮助

      活跃 $(el).animate(properties, [speed], [callback]) -> jQuery 带注释的来源

      $.fn.animate 如果可能的话,jQuery.animate 会覆盖使用 CSS 3 动画。它采用与原始 $ .fn.animate 相同的参数,如果无法使用 CSS 动画,它将回退到 jQuery 的 JavaScript 动画。

      淡入效果可以像这样实现:

      $('#element').css({
        opacity : 0
      }).animate({
        opacity : 1
      }, 1000, function() {
        console.log('Animation done');
      });
      

      由于 CSS 转换是在浏览器中本地实现的,并且可以利用硬件加速,因此动画将更好地执行,尤其是在基于 Webkit 的移动浏览器(iPhone,iPad,Android)中。

      目录
      目录