javascript - 任何在线将 jQuery 转换为老式 Javascript 的在线工具?

标签 javascript jquery

我正在摆弄各种类似于 Zurbs 的视频大小调整方法 flex video并在 css-tricks 网站上找到了对我来说最简单的选择 here ,代码如下(jQuery):


        var $allVideos = $("iframe[src^='http://player.vimeo.com'], iframe[src^='http://www.youtube.com']"),
          $fluidEl = $(".content");
        $allVideos.each(function() {
          $(this).data('aspectRatio', this.height / this.width)
          .removeAttr('height').removeAttr('width');
        });
        $(window).resize(function() {
          var newWidth = $fluidEl.width();
          $allVideos.each(function() {
            var $el = $(this);
            $el.width(newWidth).height(newWidth * $el.data('aspectRatio'));
          });
        }).resize();

jQuery API 非常棒,但是,在这个特定实例中没有使用其他 jQuery,所以我发现很难证明通过几行代码加载整个 jQuery 库是合理的......有没有在线工具将 jQuery 转换为“老派”js?由于我不止一次遇到过这个问题,我才开始深入学习 Javascript,因为现在似乎需要更多作为先决条件。因此,即使是一些涉及该主题的引用站点也会提供巨大的帮助。

最佳答案

我不知道有什么转换工具。 但是如果您有兴趣学习 jquery,这里有一个链接会有所帮助。

http://net.tutsplus.com/tutorials/javascript-ajax/15-resources-to-get-you-started-with-jquery-from-scratch/

关于javascript - 任何在线将 jQuery 转换为老式 Javascript 的在线工具?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16136117/

相关文章:

javascript - 使用 Underscore js 过滤、分组和聚合数据

javascript - 在javascript中替换子字符串的最简单方法

javascript - 有没有一种方法可以使用 Javascript 或 jQuery 隐藏列表中与元素和相邻列的高度相关的元素?

javascript - 打开后如何关闭 Bootstrap 模式?

javascript - require.js 有时不触发回调函数

javascript - 有没有办法在 node.js 的对象字面量中指定 ES6 生成器方法?

Javascript 和 Django - 确认()取消不应遵循 href

jquery - 使用 jquery append 时按钮不居中

javascript - jQuery 防止写字母并将逗号更改为点

jquery - 限制 html5 Canvas 内的移动?