【jQuery】jQuery1.4リリース

去る1月14日にjQueryの最新版1.4がリリースされました。 既に出遅れた感全開ですが気にせず書いてきましょう。

とりあえず気になった新機能とか

まずこれ

jQuery('&lt;a/&gt;', {<br />
    id: 'foo',<br />
    href: 'http://google.com',<br />
    title: 'Become a Googler',<br />
    rel: 'external',<br />
    text: 'Go to Google!'<br />
}); 

attr() メソッドがいらなくなって、代わりにjQueryオブジェクトに attr を渡せるようになったみたいです。 で、今まではこう書いていたものが

jQuery('&lt;div/&gt;')<br />
    .attr('id', 'foo')<br />
    .css({<br />
        fontWeight: 700,<br />
        color: 'green'<br />
    })<br />
    .click(function(){<br />
        alert('Foo has been clicked!');<br />
    });

こうなる

jQuery('&lt;div/&gt;', {<br />
    id: 'foo',<br />
    css: {<br />
        fontWeight: 700,<br />
        color: 'green'<br />
    },<br />
    click: function(){<br />
        alert('Foo has been clicked!');<br />
    }<br />
});

これは便利！ 何が便利か想像できないけど、きっと便利！ 多分みやすいし！

あとはいっぱい bind できるみたいですよ！

jQuery('#foo).bind({<br />
    click: function() {<br />
        // do something<br />
    },<br />
    mouseover: function() {<br />
        // do something<br />
    },<br />
    mouseout: function() {<br />
        // do something<br />
    }<br />
});

unwrap() とかも地味に使い勝手が良さそう。 これを

&lt;div&gt;<br />
    &lt;p&gt;Foo&lt;/p&gt;<br />
&lt;/div&gt;

こうすると

jQuery('p').unwrap();

こうなる

&lt;p&gt;Foo&lt;/p&gt;<br />

あとはDOM操作系のメソッドにコールバックが持てたりとか

jQuery('li').html(function(i){<br />
    return 'Index of this list item: ' + i;<br />
});

jQuery('a').attr('href', function(i, currentHref){<br />
    return currentHref + '?foo=bar';<br />
});

jQuery('li').css('color', function(i, currentCssColor){<br />
    return i % 2 ? 'red' : 'blue';<br />
});

$(‘a’).map(function(){$(this)～}) とかしなくていいとか便利！

その他にも 新しいイベントハンドラが追加されたりだとか アニメーションにキューを指定して遅延させられたりだとか 添字を返すメソッドができたりだとか 色々あるようなので、詳しくは下記。

jQuery 1.4 Released: The 15 New Features you Must Know　| Nettuts+