任何在线工具将jQuery转换为旧的时尚Javascript在线?

时间:2013-04-21 20:56:11

标签: 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转换为'old school'js?由于我不止一次遇到过这个问题,我只是开始学习Javascript,因为这些天似乎需要更多的东西。因此,即使是一些参与该主题的参考站点也将是一个巨大的帮助。

1 个答案:

答案 0 :(得分:1)

我不知道任何转换工具。 但是如果你对学习jquery感兴趣,那么你有一个有用的链接。

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