私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレjQuery ライブラリ 総合質問所 vol.4
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
>>500
それでやってもundefinedが帰る場合があります。なぜですか?
それでやってもundefinedが帰る場合があります。なぜですか?
>>501
ならない
ならない
>>502
undefinedになる場合もあるよ
undefinedになる場合もあるよ
だからドキュメント読んでブラウザの開発ツール使って自分で実験しなさいよ
jQ初心者です
http://stackoverflow.com/questions/18933408/how-do-i-get-the-class-attribute-value-using-jquery-and-javascript
のチェックが入っている回答の
var cs1 = $("option:selected", ele).attr("class");
の $("option:selected", ele) の意味が分かりません。
$("AAA, BBB") こういうのなら知っているのですが、
$("AAA", "BBB") これは何ですか？
http://stackoverflow.com/questions/18933408/how-do-i-get-the-class-attribute-value-using-jquery-and-javascript
のチェックが入っている回答の
var cs1 = $("option:selected", ele).attr("class");
の $("option:selected", ele) の意味が分かりません。
$("AAA, BBB") こういうのなら知っているのですが、
$("AAA", "BBB") これは何ですか？
>>507
ありがとうございました。
ありがとうございました。
typeのクラスが付いてない要素が選べない設定になってるからだと思われる
選べないならタイプで判別しなくても良くない？って意味で
選べないならタイプで判別しなくても良くない？って意味で
hasClassがダメな理由になってないな。
いくつか有る書き方の違いでしか無い。
いくつか有る書き方の違いでしか無い。
>>511
jQuery() と jQuery#hasClass() で2回の処理が走るからだろ
jQuery() と jQuery#hasClass() で2回の処理が走るからだろ
>>509
糞コード工場乙
糞コード工場乙
>>519
よっぽど悔しかったんだねｗ
よっぽど悔しかったんだねｗ
>>521
は？誰と勘違いしてんだ？工場長さん
は？誰と勘違いしてんだ？工場長さん
工場長言葉悪いんだよな
相当捻くれた性格、捻くれたコードなんだろな
余計な一言書く必要あるのかと
相当捻くれた性格、捻くれたコードなんだろな
余計な一言書く必要あるのかと
var htm = '<body><div class="a">aaaa<div class="b">bbbb<div class="c">cccc</div>dddd</div>eeee</div>ffff</body>';で、
class="a"のdivを取り出したいのですが、
$(htm).find(".a").html()とやっても出てきません。
$(htm).find("body").html()もbodyが取り出せないです。
なにがまちがっているのでしょうか？
class="a"のdivを取り出したいのですが、
$(htm).find(".a").html()とやっても出てきません。
$(htm).find("body").html()もbodyが取り出せないです。
なにがまちがっているのでしょうか？
工場長は正しい事があれば間違っている事もあるので話半分に聞いておこう
>>525
$("～")内に"<body>"などは使えないので、別のタグに置換する
var htm = '<body><div class="a">aaaa<div class="b">bbbb<div class="c">cccc</div>dddd</div>eeee</div>ffff</body>';
htm = htm.replace(/<(\/?)body.*?>/g, "<$1div>");
$(htm).find(".a").html();
それが面倒なら、別のdocumentを作ってそこで検索する（IE9以下切り捨て）
var htm = '<body><div class="a">aaaa<div class="b">bbbb<div class="c">cccc</div>dddd</div>eeee</div>ffff</body>';
var doc = new DOMParser().parseFromString(htm, "text/html");
$(doc).find(".a").html();
$('<body>～</body>').find("body").html() がダメな理由は、公式サイト参照
http://api.jquery.com/jQuery/#entry-longdesc-1
> When passing in complex HTML, some browsers may not generate a DOM that exactly replicates the HTML source provided.
> As mentioned, jQuery uses the browser's .innerHTML property to parse the passed HTML and insert it into the current document.
> During this process, some browsers filter out certain elements such as <html>, <title>, or <head> elements. As a result, the elements inserted may not be representative of the original string passed.
要するに、$("～")の中身は（<div>の）.innerHTMLに流し込まれてパースされるから、<body>とか一部のタグは抜け落ちちゃう。
$("～")内に"<body>"などは使えないので、別のタグに置換する
var htm = '<body><div class="a">aaaa<div class="b">bbbb<div class="c">cccc</div>dddd</div>eeee</div>ffff</body>';
htm = htm.replace(/<(\/?)body.*?>/g, "<$1div>");
$(htm).find(".a").html();
それが面倒なら、別のdocumentを作ってそこで検索する（IE9以下切り捨て）
var htm = '<body><div class="a">aaaa<div class="b">bbbb<div class="c">cccc</div>dddd</div>eeee</div>ffff</body>';
var doc = new DOMParser().parseFromString(htm, "text/html");
$(doc).find(".a").html();
$('<body>～</body>').find("body").html() がダメな理由は、公式サイト参照
http://api.jquery.com/jQuery/#entry-longdesc-1
> When passing in complex HTML, some browsers may not generate a DOM that exactly replicates the HTML source provided.
> As mentioned, jQuery uses the browser's .innerHTML property to parse the passed HTML and insert it into the current document.
> During this process, some browsers filter out certain elements such as <html>, <title>, or <head> elements. As a result, the elements inserted may not be representative of the original string passed.
要するに、$("～")の中身は（<div>の）.innerHTMLに流し込まれてパースされるから、<body>とか一部のタグは抜け落ちちゃう。
ハゲが残るからだめなら
$('要素').toggleClass('hoge hage');
$('要素').toggleClass('hoge hage');
>>536
デモだとブロックをドラッグすると横方向にソートされるじゃないですか。
それを縦方向にソートしたいんです。つまり、
先頭→→→
→→→→→
→→→→→末尾
を
先↓↓
↓↓↓
↓↓↓
↓↓末
のようにソートしたいんです。パラメータの設定では無さそうなので無理かなと。
デモだとブロックをドラッグすると横方向にソートされるじゃないですか。
それを縦方向にソートしたいんです。つまり、
先頭→→→
→→→→→
→→→→→末尾
を
先↓↓
↓↓↓
↓↓↓
↓↓末
のようにソートしたいんです。パラメータの設定では無さそうなので無理かなと。
var $checked1 = $('#id_div :checkbox:checked');
var $checked2 = $('#id_div').filter('input[type=checkbox]:checked');
var $checked3 = $('#id_div').filter('input[type=checkbox]').filter(':checked');
<div></div>の中に複数のcheckboxが有るときにcheckされているものだけを取得したい場合、
1番目なら出来たのですが、2,3番目はダメでした。
2,3の書き方はどこが間違っていますか？
var $checked2 = $('#id_div').filter('input[type=checkbox]:checked');
var $checked3 = $('#id_div').filter('input[type=checkbox]').filter(':checked');
<div></div>の中に複数のcheckboxが有るときにcheckされているものだけを取得したい場合、
1番目なら出来たのですが、2,3番目はダメでした。
2,3の書き方はどこが間違っていますか？
filterじゃなくてfind。
filterは
a A b B c D => filter(大文字だけ）=> A B C
のような使い方をする
filterは
a A b B c D => filter(大文字だけ）=> A B C
のような使い方をする
$(function () {
...
});
(function () {
...
});
の違いを教えてください。特に前者の$はどういう効果が有るんでしょか？
...
});
(function () {
...
});
の違いを教えてください。特に前者の$はどういう効果が有るんでしょか？
$は関数名
つまり前者は$関数を呼び出す
無名関数 function(){ ... } がその呼び出しの引数になる
後者は無名関数を作ってるだけで意味が無い
function(){ ... } だけだと文法エラーになるが、( )でくくることで文法エラーが出なくなる
でも作った関数を利用する術が無いので意味が無い
つまり前者は$関数を呼び出す
無名関数 function(){ ... } がその呼び出しの引数になる
後者は無名関数を作ってるだけで意味が無い
function(){ ... } だけだと文法エラーになるが、( )でくくることで文法エラーが出なくなる
でも作った関数を利用する術が無いので意味が無い
$('#some-id').trigger('click');
とやるとボタンをクリックできますが、
実際にボタンをクリックした場合にはボタンが凹む動作をしますが、
上記のやり方だと凹まずにイベントハンドラ関数だけが実行されます。
凹ますことは出来ますか？
とやるとボタンをクリックできますが、
実際にボタンをクリックした場合にはボタンが凹む動作をしますが、
上記のやり方だと凹まずにイベントハンドラ関数だけが実行されます。
凹ますことは出来ますか？
>>545
jQuery関係なくなるけど、
クリックを発動するものには、
ボタンであればclickメソッドがあるはず。
またcreateEvent（またはfireEvent）も使える。
ただし、これらでボタンが凹むかどうかは知らない。
ブラウザ依存だと思うので確かめる必要がある。
これらが使えない場合、自分でボタンの画像を用意して
mousedown時とかにclassをつけたり外したりして、
CSSで凹んだ画像に切り替える方法がある。
jQuery関係なくなるけど、
クリックを発動するものには、
ボタンであればclickメソッドがあるはず。
またcreateEvent（またはfireEvent）も使える。
ただし、これらでボタンが凹むかどうかは知らない。
ブラウザ依存だと思うので確かめる必要がある。
これらが使えない場合、自分でボタンの画像を用意して
mousedown時とかにclassをつけたり外したりして、
CSSで凹んだ画像に切り替える方法がある。
どなたかお願いします。
[ボタンA] [ボタンB] ・・・[ボタンG]
＿＿●ブロックA＿●ブロックB・・・●ブロックG
#a01 {スタイル}＿＿{スタイル}・・・・・・{スタイル}
#a02 {スタイル}＿＿{スタイル}・・・・・・{スタイル}
#a03 {スタイル}＿＿{スタイル}・・・・・・{スタイル}
～
#a10 {スタイル}＿＿{スタイル}・・・・・・{スタイル}
ブロックとは説明のため便宜上付けた名前で特に意味はありません。
初期状態で#a01から#a10までの要素にブロックAに当たるスタイルを書いています。
ボタン（ラジオボタン、select何でも）Bを押したら#a01から#a10までの要素が
ごそっと全部ブロックBに当たるスタイルに変更、
ボタンGを押したらブロックGのスタイルに変更、としたいです。
{}の中のスタイルは複数で、全て全く別のスタイルです。
ブロック数は増える可能性があります（最大20程度）。
ブロックAに当たるCSSファイル、ブロックBに当たるCSSファイル・・・と
ブロック数だけ用意して外部CSSファイルごと入れ替えてしまえばいいのですが
ファイル数が多くなる上いまいちな気がします。
1つのCSSファイルで何かいい方法ないでしょうか？
phpやcgiは使えず、JavaScriptかjQuery（またはその程度のライブラリ）で
できれば済ませたいです。
[ボタンA] [ボタンB] ・・・[ボタンG]
＿＿●ブロックA＿●ブロックB・・・●ブロックG
#a01 {スタイル}＿＿{スタイル}・・・・・・{スタイル}
#a02 {スタイル}＿＿{スタイル}・・・・・・{スタイル}
#a03 {スタイル}＿＿{スタイル}・・・・・・{スタイル}
～
#a10 {スタイル}＿＿{スタイル}・・・・・・{スタイル}
ブロックとは説明のため便宜上付けた名前で特に意味はありません。
初期状態で#a01から#a10までの要素にブロックAに当たるスタイルを書いています。
ボタン（ラジオボタン、select何でも）Bを押したら#a01から#a10までの要素が
ごそっと全部ブロックBに当たるスタイルに変更、
ボタンGを押したらブロックGのスタイルに変更、としたいです。
{}の中のスタイルは複数で、全て全く別のスタイルです。
ブロック数は増える可能性があります（最大20程度）。
ブロックAに当たるCSSファイル、ブロックBに当たるCSSファイル・・・と
ブロック数だけ用意して外部CSSファイルごと入れ替えてしまえばいいのですが
ファイル数が多くなる上いまいちな気がします。
1つのCSSファイルで何かいい方法ないでしょうか？
phpやcgiは使えず、JavaScriptかjQuery（またはその程度のライブラリ）で
できれば済ませたいです。
>>548
意味がよくわからん。
> #a01から#a10までの要素にブロックAに当たるスタイルを書いています。
どういうこと？
HTMLタグの中に、style="これ" を書いているってこと？
よくわからんので、具体的なコードよろ
意味がよくわからん。
> #a01から#a10までの要素にブロックAに当たるスタイルを書いています。
どういうこと？
HTMLタグの中に、style="これ" を書いているってこと？
よくわからんので、具体的なコードよろ
ブロックA～Gをクラス付きにしてボタンを押したら既存のクラスを別のクラスに書き換え
#a01.c01{～}#a02.c01{}…
#a01.c02{～}#a01.c02{}…
.
.
.
みたいにするかなんかすればいけるんでない
#a01.c01{～}#a02.c01{}…
#a01.c02{～}#a01.c02{}…
.
.
.
みたいにするかなんかすればいけるんでない
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ
/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで / 
JavaScript スレッド一覧へ類似してるかもしれないスレッド
- JavaScript ライブラリ総合質問所 vol.4 (985) - [78%] - 2015/12/16 15:00
- JavaScript ライブラリ総合質問所 vol.5 (344) - [75%] - 2022/3/14 17:45
- 【jQuery】JavaScript ライブラリ総合質問所 vol.3 (1001) - [65%] - 2014/6/18 20:58 △
- 【jQuery】JavaScript ライブラリ総合質問所 vol.2 (986) - [65%] - 2013/5/20 7:00
- 【jQuery】JavaScript ライブラリ総合質問所 vol.1 (983) - [65%] - 2012/10/8 22:30
- jQuery 質問スレッド vol.8 (1001) - [30%] - 2018/5/6 11:15
トップメニューへ / →のくす牧場書庫について