javascript JavaScriptメモ

JavaScriptメモ

＊Window

$(window).width()　---- ウィンドウの横幅を取得
$(window).height()　---- ウィンドウの高さを取得
$(window).scrollTop() ---- スクロールの上端を取得

＊jQuery

$(‘div’).attr(‘class’, ‘box’) ---- div要素のclass属性にboxを追加
$(‘div’).width(100) ---- 幅を設定
$(‘div’).height(100) ---- 高さを設定
$(‘div’).append(‘X’) ---- 文字を追加
$(‘div’).val() ---- 値を取得
$(‘div’).val(‘test’) ---- 値を設定
$(‘div’).prop(‘checked’) ---- チェックボックスの値を取得
$(‘div’).hide() ---- 非表示
$(‘div’).show() ---- 表示
$(‘div’).eq(2) ---- 指定番目の要素を取得
$(‘div’).css({‘color’: ‘red’}) ---- スタイルを追加

＊その他

関数

$(function() {
  // 処理
})

秒数毎の定期処理

var id = setInterval(function(){
   // 処理
}, 500);

Crome Dev Tool
$0で選択した要素を取得できる。

$0.style.color='red'

登録: コメントの投稿 (Atom)