标签选择上的jquery问题

Question

我有一个与我之前的文章有关的问题css, button selection and html tags

如果有人能提供一些关于我要去哪里的见解的话，javascript 不是很好。

感谢任何可以提供帮助的人

$(function() {

$('input.field').
focus(function() {
    if(this.title==this.value) {
        this.value = '';
    }
}).
blur(function(){
    if(this.value=='') {
        this.value = this.title;
    }
});

var currentPage = 1;
$('#slider .buttons span').live('click', function() {
    var timeout = setTimeout(function() {$("img").trigger("slidermove")}, 300);
    var fragments_count = $(this).parents('#slider:eq(0)').find('.fragment').length;
    var fragmet_width = $(this).parents('#slider:eq(0)').find('.fragment').width();
    var perPage = 1;
    var numPages = Math.ceil(fragments_count/perPage);
    var stepMove = fragmet_width*perPage;
    var container = $(this).parents('#slider:eq(0)').find('.content');
    var firstPosition = 0;
    var lastPosition = -((numPages-1)*stepMove);

    if ($(this).hasClass('next')) {
        currentPage ++;
        if (currentPage > numPages) {
            currentPage = 1;
            container.animate({'left': firstPosition});
            return;
        };
        container.animate({'left': -((currentPage - 1)*stepMove)});
    };
    if ($(this).hasClass('prev')) {
        currentPage --;
        if (currentPage < 1) {
            currentPage = numPages;
            container.animate({'left': lastPosition});
            return;
        };
        container.animate({'left': -((currentPage-1)*stepMove)});
    };
});});

Answer 1

您在描述中的 jQuery 代码是最小化版本。如果您从他们的网站下载 jQuery，您会看到有 .min.js 文件和标准 .js 文件。拳头占用空间少，二是可读源。你有第一个。

Answer 2

JavaScript 是 minified。

Web 组件和库 应用程序和网站已 开发用于优化文件请求 并加快页面加载时间 减少各种文件的大小。 JavaScript 和 CSS 资源可能是 缩小，保留他们的行为 同时大大减少他们的文件 尺寸。 JavaScript 等库 优化器，pack:tag，缩小， 轻量级，CssMin， jsmin-php、MiniME 和 ShrinkSafe 能够做到这样 即时优化。

在开发过程中你可以使用普通的jQuery。

从 jQuery 页面来看，min 是 29k，而 normal 是 212k。

如果您希望缩小自己的 javascript 以用于生产部署，一些资源是：

1. Jsmin
2. Microsoft Jax Minifier
3. Online YUI compressor