JQUERY 1.9 BETA 1

JQUERY 1.9 BETA 1が12月17日にリリースされた。
http://blog.jquery.com/2012/12/17/jquery-1-9-beta-1-released/

・変更点は全てjQuery 2.0に継承される
・多くの不要と判断された機能が削除された
・移行支援ツールjQuery Migrateを提供
・一時しのぎなので新しいプロジェクトには採用しないように

という2.0へ向けてのお試しのような内容のようだ。

例として記載があった新セレクタのサンプル。


&lt;!DOCTYPE&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
&lt;script src=" http://code.jquery.com/jquery-1.9.0b1.js "&gt;&lt;/script&gt; 
&lt;script src=" http://code.jquery.com/jquery-migrate-1.0.0b1.js "&gt;&lt;/script&gt; 
&lt;title&gt;&lt;/title&gt;
&lt;style&gt;
div
{
	background-color: red;
	width: 100%;
	height: 200px;
}
&lt;/style&gt;
&lt;script&gt;
$( document ).ready(function(e)
{
	var dm = $( 'div' ).css( [ 'width', 'height', 'backgroundColor' ] );
	alert(dm.width);
});
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div class="wrap"&gt;
    &lt;div&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

<!DOCTYPE>

<html>

<head>

<style>

div

{

background-color: red;

width: 100%;

height: 200px;

}

</style>

$( document ).ready(function(e)

{

var dm = $( 'div' ).css( [ 'width', 'height', 'backgroundColor' ] );

alert(dm.width);

});

</script>

</head>

<body>

</body>

</html>

cssプロパティを複数取得して連想配列で返してくれるようだ。

jQuery 役員

WRITER

hoshino

ECのことを中心に書きたいと思います。ネタが無いときはプログラムやデザインのことも書きます。

この著者の記事を見る

PREVテキストを自動的に縦書にしてくれるjavascript NEXT経済は感情で動く

JQUERY 1.9 BETA 1

Related