クラスの定義

// この一文でprototypeプロパティが使えるようになる
function Foo() {};
// ここで定義を代入。
Foo.prototype = {
    init:function() { alert('A');},
    test:function() { alert('B');}
};
// newして使う必要があるのか・・・
var foo = new Foo();
foo.init();
function Foo() {};
Foo.prototype = {
    init:function() { alert('A');},
    test:function() { alert('B');}
};
Foo.A = function()
{
    alert('A is static');
}
Foo.B = function()
{
    alert('B is static');
}
// newして使う必要があるのか・・・
var foo = new Foo();
foo.init();
// prototypeをはさまないとそのまま実行可能!
Foo.A();
Foo.B();

便利なライブラリ

Prototype.js

一昔前の主流

JQuery

2009年現在はこちらのほうがよろしいらしい。

http://www.slideshare.net/hayatomizuno/jquery-7665168

プラグインの作り方

http://web-terminal.blogspot.jp/2012/11/jquery4.html

onLoadで動かす。

$(function () { alert('test'); });

タイマーを仕込む

setInterval(function(){ alert('test'); },10000);

指定の要素の数をカウントする。

if ($('#探したい場所のID .その配下のクラス').length > 0) { alert('test'); }

関数が定義されているかをチェックする

alert(typeof($.cookies.set));

定義されていればobjectとでる。

Jqueryのセレクタ

$('li')
$('li.hoge')
$('li#hoge')
$('DIV#contents LI')
$('DIV#contents > LI')
$('#first, #third")
$("a[href]").each(function(){
}
$("DIV#hoge a[href]").each(function(){
}
$("input[type='checkbox']").removeAttr( 'checked' );
$("input[type='checkbox']").attr( 'checked', 'checked' );

属性セレクタ

$("[href]")
$("[href='hoge']")
$("[href^='hoge']")
$("[href$='hoge']")

フォームの操作

変更関連(フォーカスON,OFF,変更)

$("input").("focus",function(){});
$("input").("blur",function(){});
$("input").("change",function(){});

フォーム用のセレクター

input[type='text']
input[type='password']
input[type='radio']
input[type='checkbox']
input[type='submit']
input[type='image']

セレクトされたもの、チェックされたもの

:selected
:checked

Joose

その他

Rhino

JavaでかかれたJavaScript実装。J2SE6.0から標準添付


トップ   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS