ようこそ

http://peace.2ch.net/test/read.cgi/hp/1400313626/
なんでこんなスレがあるのに追い出したがってjQueryスレにしたがるの？
乱立って他のスレ7.8レスしかない頭のおかしい人が立てたスレってすぐわかるのに

皮肉が伝わらないとは

>>702
そこはjQuery以外をここに誘導する作為的なスレ
そこをまともと思っているなら君も相当おかしい
もしくは、君はjQuery以外をここに誘導したいの？

まともな人ならライブラリ総合スレに誘導すると思うけどね
プログラム板誘導者はまともじゃないからjQuery以外の書き込みを追い出したいか、
jQuery信者がこのスレにいる事を諦めて他をプログラム板に誘導しているか、のどちらかでしょう

>>704
jQueryで検索しただけでそこまで事情知らないしｗ
vol4までいってんだからそれなりに繁盛してるんだろう程度にしか思ってない

ム板に誘導してるのはローカルルール無視してるアホ

>>705
誘導するならスレッドの内容をよく読んだほうが良いよ
小さな行為が余計な火種を生むからね

だね

イベントをデレゲートすると速くなるといいますが
既にデレゲートして付けるイベントハンドラの数も相当なものになっています
やはりデレゲートしている場合でもイベントハンドラの削減に努めるべきでしょうか？

たとえばドロップダウンごとに
"#hoge a"のようなセレクタでクリックハンドラを設定しているのですが
ドロップダウンアイテムのクリックを受けるハンドラをひとつ設定して
その先でドロップダウンを判定し、分岐した方がいいんじゃないか
と思ってきました
皆さんはどうやっていますか？

offsetWidth/Height＝コンテンツ＋パディング＋ボーダー
clientWidth/Height＝コンテンツ＋パディング
ということは分かりましたが、コンテンツのサイズを取得するにはどうしたらいいですか？

>>709
原則として「無関係なコードを混ぜるな」に従えば良い

clientWidth/HeightはjqueryのinnerWidth/Heightと同じと思いきや
スクロールバーがある時はその領域を含まないと分かりました
jqueryのinnerWidth/Height、width/heightと同等機能を実現するには
offsetWidth/Heightからパディングとボーダーを減算して算出するしかないと思われます
この認識はあってますか？

// Get document width or height
if ( elem.nodeType === 9 ) {
doc = elem.documentElement;

// Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height], whichever is greatest
// unfortunately, this causes bug #3838 in IE6/8 only, but there is currently no good, small way to fix it.
return Math.max(
elem.body[ "scroll" + name ], doc[ "scroll" + name ],
elem.body[ "offset" + name ], doc[ "offset" + name ],
doc[ "client" + name ]
);
}

return value === undefined ?
// Get width or height on the element, requesting but not forcing parseFloat
jQuery.css( elem, type, extra ) :

// Set width or height on the element
jQuery.style( elem, type, value, extra );
}, type, chainable ? margin : undefined, chainable, null );
};
});
});

jqueryのソースですか
これを見ても何をしているのか正直よく分かりません
分かる人教えて下さい

displayがnoneの時はoffsetWidthが0になるのに気付きました
しかしjqueryでは計測可能です
visibilityをhiddenにしてから、displayをnone以外にして
計測後、また元に戻す
みたいなことをしていると思われます
ですが、displayが非noneの時のdisplayはどうやったら分かるのでしょうか？
style属性にnoneを直接指定している場合、style.display=''とやればいいでしょうが
cssが適用された結果noneになっている場合は難解だと思われます

>>719
いい加減うざい。
jQueryのソースコード嫁と言ってる。

このままjQueryの話でもしましょうか？

分からないからと言って不快になられても困りますね
たしかにこれは難問なのですが

この人には理解できないし、今後も理解できないだろう
トライアンドエラーも仕様書を読むことも質問の仕方も知らない人は素直にライブラリを使っておくべき

まず一二行目

// Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods
jQuery.each( { Height: "height", Width: "width" }, function( name, type ) {

height系とwidth系にそれぞれ同じ処理をしている所から
heightとwidthは高さと幅の違いだけで同じように求めることができることがわかる。

どうせ解説してもまた別の場所で躓いてすぐに泣きつくに決まってる
調べ方を覚えないとどうしようもないが、自分で試して挙動を確認するとか仕様書を読むとか、
この人は面倒くさいことは自分でしないのでどうしようもない

おまえら親切だな

> たしかにこれは難問なのですが
本当に難問か？
jQueryと同等機能を実現するにはjQueryのコードを読むだけでいい
他人のコードを読むのは時間がかかるが、足がかりがある以上、先は見えてる
本当の難問はどこから手をつけて良いか分からないものだと思うが

#test {
height: 32px;
}

$('#test').hide();
console.log($('#test').height());

このコードをjqueryで実行すると32になりますが
jquery互換で名高いzepto.jsで実行すると0になります
zeptoの作者もこの問題に気付いていないのでしょう
表示する前にサイズを知りたい、ということはあるので、決して些細な問題とは言えませんが、
解決は難解
S級問題です

難解さにくじけそうになりましたが
domdashとjqueryのhasClassを100万回ループさせると
domdash: 540.000ms
jquery: 5596.000ms
と約10倍の差があるので、方向性は間違ってないですよね

>>732
大間違い。
理由はいわん。

jqueryの処理をデバッガで追っていき、確認したところ
ブロック要素であろうとなかろうと、
display: block;
position: absolute;
visibility: hidden;
を一時的に設定して計測していました
それを真似したところ、インライン要素でもjqueryと同じ値が取れました
つまり非none時のdisplayを知る必要などなかったのでした。
しかしブロック要素以外の要素を絶対配置のブロック要素に変換しても
サイズが変わらないのは、妙な気がします。
jqueryがそうしているので、そうなるのでしょうが、
何故そうなるんでしょう？
要素の種類は表示のされ方も変える気がするのですが・・

>>733
なんで理由言わないんですかw
説得力ゼロと言わざるを得ませんね

>>733
理由いえねーのかよwwwwww

そんなに理由が知りたいのか？ｗ

>>728
仕様書とコード読めば解決できる問題は難解とはいわん
おまえにとって難問なだけ

>>734
おまえ仕様書をまともに読んだことないだろ
CSSの勉強をやり直せ

>>737
DOM含んでおいて純粋JSとかばっかじゃねーの？

>>740
結局のところjqueryの作者ですら実現不可能で、妥協するしかなかったのですから
十分難解だと思いますが？
問題を把握出来ていないと言わざるを得ませんね

>>728
後出しぶりが酷い
インライン要素とかどこにも書いてないし、質問の仕方を学んでから出直してきたら？

ここまで分かりにくく質問できるのはある意味才能だな

>>744
表示時は要素の種類にかかわらずサイズ計測できるのですから
ブロック要素以外も計測可能できるようにするのは当たり前ですが？
そもそもむしろブロック要素決めうちなら問題にすらならないんですから。
ちゃんと問題の本質理解してます？
>>744
質問が分かりにくいのではなく問題自体が難解なのです

>>639の質問に答えられる人はいないのでしょうか？

>>745
そういう前提を初めから整理して書くべきだろ
>>728 は「diplay: none だから計測できない」以外に読めないわ

しかも、width は display: inline では指定できないし、clientWidth がインラインボックスで0になる仕様だし
君が仕様を理解してないのはよくわかったから、仕様を読んで仕様どおりに作ることから始めろ

>>747
A級以上の技術者には書かなくても分かることなので書かなかったのです
A級以上でなければ問題を理解することすら困難な種類の問題なので。
インライン要素にwidthを指定できないから何なの？？
そんなことはこの問題とは何の関係もない
分からなければ分からないでいいのです
意地になって頓珍漢なディスをするのはやめなさい
それが技術的向上への道です

A級とかS級とか馬鹿じゃないの？
ナルシストっぷりもうざいわ
まあ、どうせ「負け犬の遠吠えは見苦しいですよ」的な発言を返してくるんだろうけど