[JS]jQuery 1.2リリース&変更点など
Post on:2007年9月11日
jQuery 1.1.4を先日公開となったばかりですが、jQuery 1.2がリリースされました。
追記:
jQueryのブログも更新されました。
jQuery 1.2: jQuery.extend(”Awesome”)
jQuery 1.2の変更点やアップグレードの仕方を下記にピックアップしました。
jQuery 1.2のアップデート内容
- Selectors
:has(selector)
:header
:animated
XPath Selector Plugin - Attributes
.val() Overhaul - Traversing
.map()
.prevAll() / .nextAll()
.slice()
.hasClass()
.andSelf()
.contents() - Manipulation
.wrapInner() / .wrapAll()
.replaceWith() / .replaceAll()
Event Cloning - CSS
.offset()
.height() / .width() for document and window - Ajax
Partial .load()
Cross-Domain getScript
JSONP
.serialize() Overhaul
Disable Caching - Effects
.stop()
%/em Animations
Color Animations
Relative Animations
Queue Control
:animated
step: Function - Events
Namespaced Events
.triggerHandler() - Internals
Documentation Move
Expando Management
jQuery 1.2へのアップデートの仕方
- まずは、jQuery 1.1.4にアップグレードする。
jQuery 1.1.4: Faster, More Tests, Ready for 1.2 - 古い機能や互換性の無いコードを使用していないか確認する。
もしあれば、それを修正する。 - jQuery 1.2に変更して、確認してみる。
なにかあれば、Bug Trackerに報告を。
jQuery 1.2用のプラグイン
- jQuery 1.1 Compatibility Plugin
jQuery 1.2で削除された機能を補うプラグイン。 - XPath Compatibility Plugin
jQuery 1.2で削除されたXPathの書式を補うプラグイン。 - Color Animation Plugin
CSSのカラーをアニメーションする新しいプラグイン。
jQuery 1.2で削除されたもの
- Selectors
※これらの変更は、XPath Compatibility Pluginを使用することで動作可能
$("div//p")→$("div p")に変更
$("div/p")→$("div > p")に変更
$("p/../div")→$("p").parent("div")に変更
$("div[p]")→$("div:has(p)")に変更(new)
$("a[@href]")→$("a[href]")に変更 - DOM Manipulation
$("div").clone(false)→.clone().empty()に変更 - DOM Traversing
以下は使用可能だが、sliceを使用を推奨。それぞれ繰り返しが可能。
$("div").eq(0)→$("div").slice(0,1);
$("div").lt(2)→$("div").slice(0,2);
$("div").gt(2)→$("div").slice(3);
繰り返し
$("div:eq(0)")
$("div:lt(2)")
$("div:gt(2)") - Ajax
以下の書式は削除
$("#elem").loadIfModified("some.php")
$.getIfModified("some.php")
$.ajaxTimeout(3000)
$(...).evalScripts()
詳細やデモは、Release:jQuery 1.2を参照ください。
sponsors