2012年06月28日

ここでは、2012年06月28日 に関する情報を紹介しています。
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
DOM構築後に実行

jQueryの場合

$(document).ready(function(){
// Document is ready
});

もしくは

$(function(){
// Document is ready
});

最近のJavaScriptの場合

document.addEventListener('DOMContentLoaded', function(){
// Document is ready
}, false);

CSSセレクタによる要素選択

jQueryの場合

$('#myid');

最近のJavaScriptの場合

単数選択
document.querySelector('#myid');

複数選択
document.querySelectorAll('.ourid');

Foreach文

jQueryの場合

$.each(['a', 'b', 'c'], function(i, value){
console.log(value);
});

最近のJavaScriptの場合

['a', 'b', 'c'].forEach(function(value, i){
console.log(value);
});

Map文

jQueryの場合

$.map(['a', 'b', 'c'], function(value, i){
return value + i;
});

最近のJavaScriptの場合

['a', 'b', 'c'].map(function(value, i){
return value + i;
});

Filter文

jQueryの場合

$.grep([1, 2, 3], function(v, i){
return v > 1;
});

最近のJavaScriptの場合

[1, 2, 3].filter(function(v, i){
return v > 1;
});

配列中のインデックスを返す

jQueryの場合

$.inArray('b', ['a', 'b', 'c']);

最近のJavaScriptの場合

['a', 'b', 'c'].indexOf('b');


配列であるか判別

jQueryの場合

$.isArray(['a', 'b', 'c']);

最近のJavaScriptの場合

Array.isArray(['a', 'b', 'c']);

文字列の先頭と末尾から空白を除去

jQueryの場合

$.trim(' test ');

最近のJavaScriptの場合

' test '.trim();

現在のUnixTimeを取得

jQueryの場合

$.now();

最近のJavaScriptの場合

Date.now();

JSONをパース

jQueryの場合

$.parseJSON('{"name":"John"}');

最近のJavaScriptの場合

JSON.parse('{"name":"John"}');

ちなみにJSONを作成する場合 ※jQueryにはstringifyがありません
JSON.stringify({"name":"John"});

XMLをパース

jQueryの場合

var xml = $.parseXML('<name>John</name>');
$(xml).find('name').text();

最近のJavaScriptの場合

var xml = (new DOMParser).parseFromString('<name>John</name>', 'application/xml');
xml.getElementsByTagName('name')[0].textContent;

IEのせいで最近のJavaScriptはサイトでは使えませんが。
FirefoxやChromeの拡張とかに使う場合は覚えておくと便利かも知れません。
あと他にもあったら教えて下さい。
スポンサーサイト
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。