Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Result 動的に作られたテーブル向けになりそうです。空の要素がある行を削除、みたいな応用もできそう。 jQuery $("td").each(function () { //空白かどうかを判断 if ($(this).html().trim().length === 0) //空白の箇所にclassを与える $(this).addClass('highlight'); }); css td { padding:6px; border: 1px solid #333; } th { padding:10px; font-weight:bold; border: 1px solid #333; } .highlight { background-color:yellow; } html <table> <tr> <th>順番</th> <th>名前</th> <th>数</th> <th>
checkboxやradioのチェック状態を調べる際にはattrではなくpropを使うのが良い。 attrでも取れないこともないですが、propで取得する方が処理が早いです。 特にIEの場合、inputに対するdisabledの処理がものすごく重く、attrでdisabledやcheckedの処理を沢山していると、無駄に最悪な感じで負荷がかかります。 attrとpropの取得の違い## またこの2つは、同じ値を取得してるようで異なる値を取得するので注意。 例えば の場合、 チェック時 prop true attr checked 非チェック時 prop false attr undefined という全然違う値が返ってきます。 なぜ解釈が違うのか## attrは純粋に 属性における値 を取得するので、この場合は、 checkされてない ↓ checkedという『属性』がない! ↓ unde
webhako.net このドメインを購入する。 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
JavaScriptの定数の定義(宣言および代入)について。 定数の定義は、constキーワードを使い宣言し、同時に、値を代入する。単なる代入による定義や、先に宣言しておくことはできない。 一度定義した定数は、再定義することや、未定義とすることはできない。 構文
bell賞味期限切れコンテンツ この記事は公開または最終更新から1062日くらい経過しています。 このメッセージが表示されている記事(特にプログラミング系)は情報が古くなっている可能性があるので注意して下さい。 たまにjQueryをがっつり書く時とかで、配列操作をしたい場合に explode とか implode とかやるほうほうは無いのかな?と思い調べてみたところ、ありました。 PHPでいう implode() をやりたい場合は、 join() 関数でできます。 var makers = ['Toyota','Nissan','Honda']; var maker = makers.join(); console.log('maker'); ↓↓↓ Toyota,Nissan,Honda
ドット記法と括弧記法の二種類がある。 ごく普通のドット記法 document.form1.txt1.value="コメント"; 括弧記法 document.form1["txt1"].value="コメント"; ふつーのドット記法が用意されているのに、括弧記法が存在する理由はメンバをプログラム上の文字列で指定するため。 括弧記法を使ってよくやること。 <span style="font-size:small;">var i; while(i<5){ var txt = "txt" + i; document.form1[txt].value=i+"番目のテキストボックス。"; i++; }</span>とかよくやったりするけど、括弧記法でオブジェクトのメンバにアクセスしている、ということだったのか。 ということは <span style="font-size:small;">documen
関数へ引数を渡す時に、値を渡す『値渡し』と参照を渡す『参照渡し』があります。 VBは、関数側の引数の型指定で『値渡し』か『参照渡し』かが決まります。 C言語は、仕様的に『値渡し』のみで、『参照渡し』にしたいときは、ポインターを値渡しにします。 Perlは、仕様的に『参照渡し』のみで、『値渡し』風にするには、参照の中身をワークに移して処理します。 では、JavaScriptは、どうなっているのでしょうか? JavaScriptは、変数の型によって『値渡し』か『参照渡し』かが決まります。 基本型(数値、論理値、文字列)は『値渡し』で、オブジェクト型は『参照渡し』になります。 // 文字列型の場合(基本型) var xxx = "ABC"; // 値が代入される if (xxx == "ABC") { // 値で比較される alert(xxx); // ABCと表示 yyy(xxx); // 値
var object = { string: 'value', array: [ 'item1', 'item2', 'item3' ], map: { key1: 'value1', key2: 'value2' } } var result = jQuery . param( object ); 変数objectの内容を、シリアライズし、変数resultに格納。 実装例(サンプル) jQuery . param( object ) decodeURIComponent( jQuery . param( object ) ) jQuery . param( object, true ) decodeURIComponent( jQuery . param( object ), true ) 実装例(サンプル)について をシリアライズした結果を、黄色のボックス要素内に表示したもの。 jQu
スクロールバーを最下部に移動するJavascriptです。 普通のJavascriptで書くと function goBottom(targetId) { var obj = document.getElementById(targetId); if(!obj) return; obj.scrollTop = obj.scrollHeight; } 完全にjQueryで書くとこんな感じ function goBottom(targetId) { var target = $("#" + targetId); $(window).scrollTop(target.offset().top); } これ以外はhiddenのinput項目を最下部に置いといて、 それをfocusするような技もありけど、、 朴 起煥 東京で働いている「外人歴」9年のソフトウェア「ライター」。いつの間にか納豆が食える
「このJavaScriptコードが動かないのは,なぜですか?」というミニクイズ集。 すべて制限時間は1分。 別名,JavaScriptのエラー事典。またはアンチパターンのまとめ。 中級編 初級編 番外編 2015年5月現在,全53記事。 中級編 JavaScriptの仕様関連 p要素への appendChild() で失敗する かけ算を間違える イベントハンドラが見る値のエラー クロージャを使わない場合に起きるエラー オブジェクトのprototypeを変更した時のエラー 正規表現で同じ文字の連続を検出したい - 置換前パターン中での後方参照 jsonオブジェクトをevalできないエラー 不要なイベントが連鎖で発生してしまう (バブリングの対処) オブジェクトのプロパティ定義にthisを使って失敗するエラー setTimeoutのタイマーが指定時刻に動かないエラー オブジェクトのメソッドを
JavaScriptのプログラミングに関するTips集。 主に中級レベルの話題とノウハウを掲載する。 なお,JavaScript初級〜中級をクイズ形式で網羅的に学習するためには,下記のエントリを参照。 JavaScriptの動かないコード (JavaScriptエラー集) http://language-and-engineering.hatenablog.jp/entry/20080912/1221297779 ※JavaScript以外のプログラミングについては,こちらを参照。 ピュアJSを極める: JavaScriptで,クラスを継承する方法 (複数のサブクラスから共通クラスのプロトタイプを参照する) JavaScriptでの例外設計 (throw,try-catch-finally構文のイメージと利用パターン) JavaScriptで,動的に追加されたイベントリスナの実行順序を保
いい加減髪を切りたいminamiです。 JavaScriptでいつも書いてるな~という処理や、知っていると便利なTipsを簡潔に集めた記事を見てほお~と思ったものがいくつもあったので抜粋してみました。 ※追記1: ご指摘がありましたので一部修正しました。「配列をソートする」ではなく「配列をシャッフルする」でした。 ※追記2:「HTMLをエスケープする」のソースがまちがって表示されていました。修正しました。 ※追記3:予想以上に反響が大きく、多数ご指摘を受けてしまいました。よく使う処理の書き方もいろいろあるんだな~という参考程度にご紹介したのですが、参照元の記事の内容の検証が不十分なまま紹介してしまい申し訳ありませんでした。いろいろと勉強になりました! 45 Useful JavaScript Tips, Tricks and Best Practices 配列からランダムで値を取り出す v
今月はリファクタリング王・桜木と呼ばれてもいいんじゃないかというくらいのリファクタリングをやり遂げた男、のぐちです。 同時にバグ王とも呼ばれたとか呼ばれないとか。 さて、今回も実装派ブログです。 変なことをしてるかもしれないので、ご指摘などございましたらtwitter、@nogunogu_wap にお願いします。 問。 ボタンAとボタンBがあって、そこには既にクリックイベントが設定されているとします。 $("#btn_a").click(function() { alert("こんにちは"); }); $("#btn_b").click(function() { alert("こんばんは"); }); ボタンA、ボタンBの両方に、後から同じ関数を追加したいのですが、追加する関数は上記のものよりも先に実行して欲しいのです。 // そして、場合によっては上記の関数の実行をしないようにした
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く