私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.115 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
>>949
キャプチャフェイズを使う
キャプチャフェイズを使う
>>949
removeEventListener、addEventListnerの書き換え、JavaScriptの無効化
考え出したらきりがない
(ある程度の)完全性を保証するならイベントは諦めてサーバサイドで完結するプログラムで再構築するしかない
removeEventListener、addEventListnerの書き換え、JavaScriptの無効化
考え出したらきりがない
(ある程度の)完全性を保証するならイベントは諦めてサーバサイドで完結するプログラムで再構築するしかない
JavaScriptでテーブルを作成する時ってどうやるのが一番いいですか？
jqueryありでお願いします
jqueryありでお願いします
ちなみにメソッドチェーンでオブジェクト指向的に作りたいです
appendHeaderとかappendRowとかを発行して組み立てていくイメージです
appendHeaderとかappendRowとかを発行して組み立てていくイメージです
>>958
> JavaScriptでテーブルを作成する時ってどうやるのが一番いいですか？
> jqueryありでお願いします
冗談みたいに思うかもしれんがこれ。
$('<table><tr><td></td></tr></table>')
もちろん動的にtrやtdを書き換える必要があるなら別のやり方をするけど
単にテーブルを作るだけならこれが一番良い
HTMLに属性やテキストをいれこみたいなら、テンプレートの出番。
lodashにテンプレート機能があるからそれを使う。
コードにHTMLを書いちゃいかんと思うかもしれないが、
DOMを作成するときのコードで一番わかり易いのはどれ？で
考えると実はHTMLそのものなんだよ。
> JavaScriptでテーブルを作成する時ってどうやるのが一番いいですか？
> jqueryありでお願いします
冗談みたいに思うかもしれんがこれ。
$('<table><tr><td></td></tr></table>')
もちろん動的にtrやtdを書き換える必要があるなら別のやり方をするけど
単にテーブルを作るだけならこれが一番良い
HTMLに属性やテキストをいれこみたいなら、テンプレートの出番。
lodashにテンプレート機能があるからそれを使う。
コードにHTMLを書いちゃいかんと思うかもしれないが、
DOMを作成するときのコードで一番わかり易いのはどれ？で
考えると実はHTMLそのものなんだよ。
type="text/javascript" charset="utf8"
はあった方がいいんですか？
はあった方がいいんですか？
>>958
jQueryに頼らなくてもぶっこむだけなら↓でいいじゃん
document.body.innerHTML = '<table><tr><td>りんご</td><td>みかん</td></tr></table>';
jQueryに頼らなくてもぶっこむだけなら↓でいいじゃん
document.body.innerHTML = '<table><tr><td>りんご</td><td>みかん</td></tr></table>';
>>958
jQuery と DOM API は共存可能
http://www2u.biglobe.ne.jp/~oz-07ams/prog/dom-ref/HTML/HTMLTableElement.html
>>966
tbody要素がないとかsummary属性がないとか...
(innerHTMLはせっかくHTMLパーサを通しているのに仕様違反に対してエラーも警告も出さないんだよね)
jQuery と DOM API は共存可能
http://www2u.biglobe.ne.jp/~oz-07ams/prog/dom-ref/HTML/HTMLTableElement.html
>>966
tbody要素がないとかsummary属性がないとか...
(innerHTMLはせっかくHTMLパーサを通しているのに仕様違反に対してエラーも警告も出さないんだよね)
> tbody要素がないとか
省略可能
> summary属性がないとか...
廃止
いい加減、HTML5勉強しろよ。
使わないものまで要求されていた
XHTMLの時代は終わったんだぜ？
省略可能
> summary属性がないとか...
廃止
いい加減、HTML5勉強しろよ。
使わないものまで要求されていた
XHTMLの時代は終わったんだぜ？
今はここまでやっても、正しいHTMLだからな。
<table><tr><td>りんご<td>みかん</table>
リストとかこれでいい。
<ul>
<li>a
<li>b
<li>c
</ul>
更に言うなら、省略した方が余計な空白が入らない。
<ul>
<li>a</li> (余計な
空白) <li>b</li> (余計な
空白) <li>c</li> (余計な
空白)
</ul>
この余計な空白によって変なスペースが現れることがあるんだよね。
<table><tr><td>りんご<td>みかん</table>
リストとかこれでいい。
<ul>
<li>a
<li>b
<li>c
</ul>
更に言うなら、省略した方が余計な空白が入らない。
<ul>
<li>a</li> (余計な
空白) <li>b</li> (余計な
空白) <li>c</li> (余計な
空白)
</ul>
この余計な空白によって変なスペースが現れることがあるんだよね。
>>974
HTML5を勉強しろよ。
HTML5対応、つまり最近のブラウザは全て厳密な仕様になっている。
さらに不正なタグをどう解釈するかまで厳密な仕様になってる。
ブラウザが仕様を満たしている限り、間違った書き方を含めて
どんな書き方をしても、同じようレンダリングされる。
HTML5を勉強しろよ。
HTML5対応、つまり最近のブラウザは全て厳密な仕様になっている。
さらに不正なタグをどう解釈するかまで厳密な仕様になってる。
ブラウザが仕様を満たしている限り、間違った書き方を含めて
どんな書き方をしても、同じようレンダリングされる。
省略可能な事と実際に省略するかは別だけどね
if (a === 1) b = 2 // {} を省略可能
if (a === 1) b = 2 // {} を省略可能
>>980
あなたがそう思うのならそうなんだろうね
あなたがそう思うのならそうなんだろうね
>一般的な書き方をしても間違った解釈をする
はい詭弁
あまり使われない機能にバグが残るのは必然
一般的な書き方にバグが残りにくいのは当然の理
はい詭弁
あまり使われない機能にバグが残るのは必然
一般的な書き方にバグが残りにくいのは当然の理
HTML5は互換性のためにあえてルーズな書き方を許容しているだけだし、あえて省略して視認性を損ねる理由もないので俺は省略しない
GoogleのHTMLガイドにも書いてるし、気にせず省略すればいいと思う
http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml?showone=Optional_Tags#Optional_Tags
XHTMLで省略できないのはXMLの整形式違反になるからであって、XHTML5なら当然省略できない
http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml?showone=Optional_Tags#Optional_Tags
XHTMLで省略できないのはXMLの整形式違反になるからであって、XHTML5なら当然省略できない
省略できるタグは全て省略しろというのは極端だが、自明なタグは省略すればいい
先に書かれているが</li>なんかは省略せずに空白類文字の問題を解決しようとすると
<li>hoge
</li><li>hoge
</li>
とか
<li>hoge</li
><li>hoge</li
>
とか、これなら省略した方がスマート
<tbody>にしろ</li>にしろHTML5以前からずっと省略可能とされてるし何の心配もいらない
先に書かれているが</li>なんかは省略せずに空白類文字の問題を解決しようとすると
<li>hoge
</li><li>hoge
</li>
とか
<li>hoge</li
><li>hoge</li
>
とか、これなら省略した方がスマート
<tbody>にしろ</li>にしろHTML5以前からずっと省略可能とされてるし何の心配もいらない
>>977
一応プログラマなんだから変なブラウザとかあいまいな事言わずに調べろ
http://caniuse.com/html5semantic
ここ見るとHTML5の追加構文はOperaMini以外は全部サポートしている
省略に問題が無いかまでは分からんがHTML5の構文はもう全く問題無く使えるだろ
OperaMiniは当然シカト
一応プログラマなんだから変なブラウザとかあいまいな事言わずに調べろ
http://caniuse.com/html5semantic
ここ見るとHTML5の追加構文はOperaMini以外は全部サポートしている
省略に問題が無いかまでは分からんがHTML5の構文はもう全く問題無く使えるだろ
OperaMiniは当然シカト
>>970
よぉまっとうな反論もできないカス野郎
よぉまっとうな反論もできないカス野郎
$('.parent').on({
'mouseenter': function(){...},
'mouseleave': function(){...}
}, '.foo');
これを$(document).onでやるには2回$(document).on(mouseenter) $(document).on(mouseleave)と書かなくっちゃダメなんでしょうか？
'mouseenter': function(){...},
'mouseleave': function(){...}
}, '.foo');
これを$(document).onでやるには2回$(document).on(mouseenter) $(document).on(mouseleave)と書かなくっちゃダメなんでしょうか？
onもメソッドチェーンできるみたいだから
$(document).on("mouseover",function(){}).on("mouseleave",function(){})
$(document).on("mouseover",function(){}).on("mouseleave",function(){})
>>994のダブルクォーテーションが全角だからじゃないの
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / 
JavaScript スレッド一覧へ類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.113 + (1001) - [97%] - 2014/1/25 12:46
- + JavaScript の質問用スレッド vol.135 + (1002) - [97%] - 2018/11/23 10:30
- + JavaScript の質問用スレッド vol.125 + (1001) - [97%] - 2015/10/7 17:45
- + JavaScript の質問用スレッド vol.119 + (1002) - [97%] - 2014/10/3 15:30
- + JavaScript の質問用スレッド vol.118 + (1002) - [97%] - 2014/8/29 22:30
- + JavaScript の質問用スレッド vol.117 + (1009) - [97%] - 2014/8/5 3:30
- + JavaScript の質問用スレッド vol.116 + (1002) - [97%] - 2014/7/1 0:45
- + JavaScript の質問用スレッド vol.114 + (1001) - [97%] - 2014/5/3 10:45
- + JavaScript の質問用スレッド vol.112 + (1001) - [97%] - 2013/11/27 16:46
- + JavaScript の質問用スレッド vol.111 + (1001) - [97%] - 2013/11/4 6:00
- + JavaScript の質問用スレッド vol.110 + (1001) - [97%] - 2013/10/13 14:01
- + JavaScript の質問用スレッド vol.113 + (1001) - [97%] - 2014/3/15 21:30
- + JavaScript の質問用スレッド vol.105 + (1001) - [97%] - 2013/5/20 4:45
- + JavaScript の質問用スレッド vol.109 + (1001) - [95%] - 2013/10/7 13:16
- + JavaScript の質問用スレッド vol.121 + (1001) - [95%] - 2022/11/29 16:30
- + JavaScript の質問用スレッド vol.126 + (348) - [95%] - 2023/1/12 17:00
- + JavaScript の質問用スレッド vol.100 + (1001) - [95%] - 2012/6/13 22:46
トップメニューへ / →のくす牧場書庫について