+ jQuery 質問用スレッド vol.7 + [無断転載禁止]©2ch.net (136ﾚｽ)
上下前次1-新
1(1): 2016/06/24(金)15:41 ID:??? AAS
JavaScriptで一番有名なDOM用関数型風ライブラリであるjQueryのスレです。
jQueryを使うとJavaScript単体では面倒な処理でもほんの数行で実現可能になります。
一部でもうjQueryは要らない等と言ってますが、あれはjQueryよりも導入が大変な
フレームワークを導入したらいらなくなるって話であって、従来通りHTMLにちょっと
動きをつけたい程度ならjQueryが最適です。
jQuery以外のライブラリの質問はライブラリ総合質問所で質問して下さい。
ライブラリ以外の質問はJavaScriptスレで質問して下さい。
■過去スレ (※vol3はありません。大人の事情でライブラリ総合質問所を乗っ取りました。)
+ JavaScript & jQuery 質問用スレッド vol.6 + [無断転載禁止]©2ch.net
2chｽﾚ:hp
省11
2(1): 2016/06/24(金)15:42 ID:??? AAS
■参考リンク
・jQueryトップページ
http://jquery.com/
・ダウンロード、CDN
http://jquery.com/download/
・ブラウザサポート
http://jquery.com/browser-support/
・jQuery UI
http://jqueryui.com/
・jQuery UI ダウンロ−ド
省8
3(2): 2016/07/07(木)03:53 ID:ThEb4ViG(1) AAS
最近javaScriptを独学で学んでいる者です
複数のul要素(同クラス名)の、子要素liの2番目に .before() でli要素を追加したいのですが、
var li = $('<li>').text('text');
$(ul.test > li:eq(1)).before(li);
では:eq(1)のせいか最初のulの子要素にしか反映されませんでした。
このような場合はどのようにすれば全ての同class名のulに反映されるのでしょうか？
4(1): 2016/07/08(金)01:06 ID:??? AAS
jQueryは、最初の1つしか取り出せない。
複数は取り出せないから、
ul.test1
ul.test2
など、異なるクラスを、割り当てればいい
5(2): 2016/07/08(金)02:07 ID:??? AAS
>>3
これでできるよ。
var li = $('<li>').text('text');
$('ul.test > li:nth-of-type(2)').before(li);
あとウソを付くやつがいるから気をつけてなｗ
jQueryは複数の要素に適用することができる。
メソッドの効果（今回で言えばbefore）は複数の要素に適用される。
値を返すメソッドに限り最初の要素の値のみを返す。
6(1): 2016/07/09(土)01:22 ID:??? AAS
$(ul.test > li:eq(1)).before(li);
$('ul.test > li:nth-of-type(2)').before(li);
同じ構文なのに、上は1つで、下は複数になるのか？ なぜ？
7: 2016/07/09(土)02:30 ID:??? AAS
>>6
同じじゃないじゃんｗ
eqとnth-of-typeは意味が違うってだけ
8(2): 2016/07/12(火)20:39 ID:??? AAS
.fooが後述するh2要素をjQuery()で取得するのはどのように書けばいいでしょうか
<h2>hoge</h2>
<p class="foo">foo</p>
<h2>hoge</h2>
<p class="foo">foo</p>
<h2>hoge</h2>
<p class="piyo">piyo</p>
9(1): 2016/07/12(火)23:23 ID:??? AAS
>>8
これでいい？
$(".foo").prev('h2').css('color', 'red');
以下の場合上2つのh2が赤になる。
<h2>hoge</h2>
<p class="foo">foo</p>
<h2>hoge</h2>
<p class="foo">foo</p>
省7
10: 2016/07/13(水)02:17 ID:??? AAS
>>9
一つのセレクタで割り出すことは不可能ですか？
11: 8 2016/07/13(水)13:04 ID:??? AAS
自己解決しました
https://jsfiddle.net/p3mv2cf3
12(2): 2016/07/13(水)13:47 ID:??? AAS
セレクタにおける :nth-of-type(), :nth-child(), :eq() の違いを教えてください
13(2): 2016/07/13(水)22:55 ID:??? AAS
>>12
サンプルでも作って調べればわかるんじゃねーの？
nth-of-type と nth-child は単なるCSSセレクタなんだから
こことか見れば書いてあるだろ
https://developer.mozilla.org/ja/docs/Web/CSS/:nth-of-type
14(2): 2016/07/14(木)00:38 ID:??? AAS
>>13
検証してもわからないから質問しているのですが
:eq()に触れてないのはなぜですか？
15(1): 2016/07/14(木)01:07 ID:??? AAS
>>14
:eqはCSSセレクタじゃないからなだけだけど？
まずnth-of-typeとnth-childの違いを言ってみ
読むべきページは出したよね？
16(1): 2016/07/14(木)01:53 ID:??? AAS
>>15
セレクタの:eq()を知らないんですね
http://api.jquery.com/eq-selector/
17(1): 2016/07/14(木)02:03 ID:??? AAS
>>16
英語は読めるかい？
Because :eq() is a jQuery extension and not part of the CSS specification,
18(1): 2016/07/14(木)08:26 ID:??? AAS
>>17
jQuery拡張でも使えれば問題にしてないんですが
19(1): 2016/07/14(木)22:26 ID:??? AAS
>>18
>>13で:eq()に触れてないのはCSSセレクタじゃないから
だって話なんですが？
20(1): 2016/07/15(金)07:49 ID:??? AAS
>>19
CSSセレクタでないと都合が悪いのですか？
上下前次1-新書関写板覧索設栞歴
あと 116 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.516s*