のくす牧場
コンテンツ
牧場内検索
カウンタ
総計:127,645,880人
昨日:no data人
今日:
最近の注目
人気の最安値情報

私的良スレ書庫

不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitter
ログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。

元スレJavaScript ライブラリ総合質問所 vol.4

JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。
レスフィルター : (試験中)
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitter
901 : Name_Not - 2015/03/09(月) 12:00:18.23 ID:???.net (+94,+29,-20)
jqueryっていつのまにか勝手にCSSのベンダープリフィックスをつけるようになったんですか?
902 : Name_Not - 2015/03/09(月) 19:24:19.32 ID:???.net (+8,-29,-61)
jqueryで$("ul", "li")
みたいにセレクターを2つの引数にわけて書く方法を見たんですがこれはjqueryのどのページで説明されてますか?
903 : Name_Not - 2015/03/09(月) 19:33:27.01 ID:???.net (-2,-25,-10)
>>902
コンストラクタ
http://api.jquery.com/jQuery/
904 : Name_Not - 2015/03/09(月) 22:07:36.78 ID:???.net (+103,-29,-5)
なるほど、書いてました
$("ul", "li")じゃなくて$("li", "ul")ですね
905 : Name_Not - 2015/03/09(月) 23:18:47.97 ID:???.net (+71,+29,-9)
>>904
勘違いしているようだが、selectorを分けて書いてるわけではないから、そのコードは動かないぞ
906 : Name_Not - 2015/03/09(月) 23:21:28.57 ID:???.net (+68,+29,-24)
え、http://api.jquery.com/jQuery/#jQuery2のことですよね
第二引数が親要素、第一引数がその子要素ってことじゃないんですか?
907 : Name_Not - 2015/03/09(月) 23:22:02.65 ID:???.net (+75,+29,-35)
>>901
そういやそんな機能あったね。
調べてみたら1.8からみたい。

まあ、jQueryでCSSを書き換えるべきではない。
クラスを変えるべきって思っているから
あんまり気にするところだとは思わないけど。
908 : Name_Not - 2015/03/09(月) 23:26:33.62 ID:???.net (+4,-29,-102)
>>902
これの使い方いまいちよくわからないんだよね。

$("ul").find("li")でできるじゃん?

短く書くことは出来る。でもそれぐらいしか違いがわからない。
速いのかと思えば、findの方が速いって記事もあるし。

一体何を想定して作られたんだろう?
909 : Name_Not - 2015/03/09(月) 23:35:46.54 ID:???.net (+36,-30,-115)
htmlStringは<から始まってないとダメだから
http://api.jquery.com/jQuery/#jQuery-selector-context
こっちだね
jQuery( selector [, context ] ) は内部的には jQuery(context).find(selector) と同じだから、
今はちゃんと動くけど
context
Type: Element or jQuery
ってなってるから、あやしいと思うんだけどね
910 : Name_Not - 2015/03/09(月) 23:37:35.98 ID:???.net (+74,+29,-33)
jQueryは同じ操作をするのに幾つか方法があるのが結構あるぞ
911 : Name_Not - 2015/03/09(月) 23:54:30.69 ID:???.net (+21,-30,-151)
>>910
他のは使い方が違ったり、readyとかは
「よく使うから短く」という考えで理解できるんだよ。

だけど、$("li", "ul") はそんな感じがしないんだよね。
引数が逆になってるのが気持ち悪いのかな?
第二引数で親要素を指定できる必要があったのだろうか?って考えてしまう。

もしかして本当はこうやって使うものだろうか?
$('li', element);
つまり第二引数はセレクタではなく親要素

これだと$(element)に比べて、jQueryオブジェクトを作らなくていい
(内部的に作ってないのかどうかは知らない)から
パフォーマンスが高い(かは調べてない)とか?
912 : Name_Not - 2015/03/10(火) 00:18:08.08 ID:???.net (+6,-29,-35)
>>906
その事例なら第一引数はHTMLタグ文字列、第二引数はdocumentオブジェクトでselectorTextは出てこない
英文をちゃんと読んでる?
913 : Name_Not - 2015/03/10(火) 00:21:47.98 ID:???.net (+69,+29,-18)
>>909
そちらの方が近いけど、第二引数はselectorTextではないし、>>904が勘違いしているとしか思えない
一体、どの文面を読んで>>904に至ったというのか
914 : Name_Not - 2015/03/10(火) 00:25:21.40 ID:???.net (+52,-29,-90)
そうそう>>906の正しい方には、contextって書いてあるんだよな。
jQueryでいうcontextってなんなんだろうか?

って思ったら、addとかにもcontextあるのか?

そして、deprecatedになっている.contextプロパティ。
もしかして古いjQueryの仕様なのかな?
915 : Name_Not - 2015/03/10(火) 00:49:16.88 ID:???.net (+36,-30,-73)
> context
> Type: Element or jQuery
> A DOM Element, Document, or jQuery to use as context
ちゃんと書いてあるだろ
原文読まずにいい加減に脳内補完するから迷うんだ
916 : Name_Not - 2015/03/10(火) 00:57:00.21 ID:???.net (+2,-30,-26)
$("li", "ul")でも動くけど$("li", "<ul>")って違いなくない?
別に<>で囲まなくてもelementとして認識してるんじゃないの?
917 : 910 - 2015/03/10(火) 01:03:24.24 ID:???.net (+99,+29,-9)
>>915
俺にいってるの?
誰に何をいいたいのかさっぱりわからないんだけど。
ちゃんと説明して。
918 : Name_Not - 2015/03/10(火) 01:04:54.81 ID:???.net (-1,-30,-22)
>>916
elementっていうのは、

document.getElementById("#id") で取得したもののことだよ。
919 : 911 - 2015/03/10(火) 01:11:23.42 ID:???.net (+75,+29,-75)
>>917
>>914にいってる
セレクター文字列を渡す仕様なんてどこにも書かれてないだろ
どこをどう読んだらそんな解釈になるんだ?

実際、動くことは動くが、jQuery仕様外の動作の上に子孫セレクタを使っているのと何も変わらん
http://jsfiddle.net/uyojzsj6/
920 : 905 - 2015/03/10(火) 01:34:10.98 ID:???.net (+7,-25,-60)
そう、つまり第2引数で
Type: Element or jQuery
であることのチェックをしてないだけだね

リリースノートにもかかれずに変更される事もありえる
(ドキュメントが実装に合わせて変わる可能性もあるけど)
921 : Name_Not - 2015/03/10(火) 20:16:48.51 ID:???.net (+8,-30,-62)
$()の2番目の引数は、検索対象の文書を指定する時に使う。

$(selector, window.opener.document)
→親ウインドウの文書から検索
922 : Name_Not - 2015/03/10(火) 21:03:08.75 ID:???.net (+3,-30,-97)
$(window.opener.document).find(selector)

これでもいいけどね。

ここに書いてあるとおり、findで実装されているわけで。

http://api.jquery.com/jQuery/
> Internally, selector context is implemented with the .find() method, so $( "span", this ) is equivalent to $( this ).find( "span" ).
923 : Name_Not - 2015/03/10(火) 21:30:45.94 ID:???.net (-2,-30,-54)
$(':first-child', parent)
こうかけるから楽

parent.children().eq(0)はメモリの無駄遣い
924 : Name_Not - 2015/03/10(火) 22:03:19.50 ID:???.net (-2,-30,-61)
当然だが、 $(parent).find(':first-child') こうもかける
そしてfindで実装しているということから
容易に推測可能だと思うがfindの方が速い
926 : Name_Not - 2015/03/15(日) 22:36:32.18 ID:???.net (+55,+26,-21)
>>925
1度イベントが発生したら関数を登録しなおせばいいのでは?
927 : 921 - 2015/03/16(月) 01:55:23.48 ID:???.net (+10,-29,-89)
>>926
ありがとうございます。

下記の方法で解決しました。
①外部サイトをphpで取得、遷移発火部分のクリックイベントをキャッチし②を操作
②上記①をiframeで読み込む。クリックイベントによりiframeを非表示
929 : Name_Not - 2015/03/19(木) 13:10:08.70 ID:???.net (+3,-30,-95)
こんにちは!

【環境】IE8, Chrome
【ライブラリ】jQuery UI
【何をしたのか】
【期待する結果】
下記のようにHTML要素をボタンクリックで横に動かしたいのですが
どのように書けばよいでしょうか?

ボタン        ボタン
  ↓         ↓
【prev】 (テキスト)【next】
930 : Name_Not - 2015/03/19(木) 13:46:12.23 ID:???.net (+58,+30,+0)
ビッ○カメラ札幌店の副店長の佐藤伸弦が暴行事件が起きていた

佐藤伸弦 佐藤伸弦 佐藤伸弦 佐藤伸弦 佐藤伸弦

佐藤伸弦 佐藤伸弦 佐藤伸弦 佐藤伸弦 佐藤伸弦

佐藤伸弦 佐藤伸弦 佐藤伸弦 佐藤伸弦 佐藤伸弦

佐藤伸弦 佐藤伸弦 佐藤伸弦 佐藤伸弦 佐藤伸弦

佐藤伸弦 佐藤伸弦 佐藤伸弦 佐藤伸弦 佐藤伸弦
932 : Name_Not - 2015/03/24(火) 17:21:11.34 ID:???.net (-7,-29,-1)
>>931
datasetを操作しないからです
933 : Name_Not - 2015/03/24(火) 18:56:14.02 ID:???.net (+2,-29,-28)
div#aの子要素の相対位置を取得したいんですが
先頭の要素なら0が欲しいんですが20が返って来ました
どうやって取得できますか
http://jsfiddle.net/p3sc6mL3/
934 : Name_Not - 2015/03/24(火) 21:52:40.30 ID:???.net (-1,-29,-13)
>>933
#a に position:relative を設定する。
あるいは単純に計算して差を取る
935 : Name_Not - 2015/03/27(金) 14:41:03.93 ID:???.net (-2,-30,-64)
初心者で申し訳ございません。

$("#id").animate({left: '-=100px'});
で クリックすると永遠横に動きます…
クリックして動かせる範囲は指定出来ますでしょうか。
936 : Name_Not - 2015/03/27(金) 14:50:15.19 ID:???.net (-2,-29,-27)
>>931
HTML(属性含む)は初期値だと思え。

attrメソッドで意図的に属性を変えない限り、
変わるのは内部の値だけだ。
937 : Name_Not - 2015/03/27(金) 21:40:48.55 ID:???.net (+38,-29,-106)
>>931
要望・バグとして中の人に報告してみれば?
そもそも data-* 属性を読んでいるにもかかわらず、>>932 が指摘しているような dataset のプロパティ set 時に起こるべき本来の副作用(属性作成や属性値変更)を伴わない。
これは明らかに手抜き実装によるバグだな。
なぜなら、jQuery の中の人にとって古めかしいと言われている IE8 ですら getter, setter はサポートされているので、簡単に polyfill 可能だから。
938 : Name_Not - 2015/03/27(金) 21:52:28.42 ID:???.net (+62,+29,-72)
>>937
> これは明らかに手抜き実装によるバグだな。

何いってんの? DOMでも一緒だよ。

何でもかんでもjQueryの問題にするな。
939 : Name_Not - 2015/03/27(金) 22:45:32.01 ID:???.net (+5,-30,-210)
>>937
>>936にも書いてあるけどHTML(属性含む)は初期値を示す
バグではなくドキュメントにも明記してあるから想像で書き込まずにまず確認しよう
http://api.jquery.com/data/#data-html5
> The data- attributes are pulled in the first time the data property is accessed and then are no longer accessed or mutated

ちなみにjQuery 1.4.2以前では、HTMLのdata-***属性は jQueryの.data()の初期値ですらなかった
data-***属性が初期値であるのはおまけ程度に考えたほうがいいだろう
940 : Name_Not - 2015/03/28(土) 02:47:33.51 ID:???.net (+39,-29,-133)
data-* 属性は文字列でなくてはいけない
.data()でセットできるのはオブジェクト
これを考えてみると、.data()にセットしたものをdata-*属性に反映させるというのが
無茶というのがわかるでしょう

ちなみに、data-*属性にJSON形式でセットしておくと、
.data() で取り出した時にはデコードされている
これを可逆にするんなら、.data()でセットできるオブジェクトは
JSON形式にできるものだけになっちゃう
これも今更無理
941 : Name_Not - 2015/03/28(土) 04:35:47.15 ID:???.net (+3,-29,-67)
文字列でなければならないのではなく、HTMLの属性値なので取得時にJSの文字列になりますよということ。与える時には数値でも何でもよくて、それをJSでsetAttribute() すれば文字列表現に変換される。

無茶でも何でもない。JSのオブジェクトリテラルをそのままセットすれば良いだけ。
942 : Name_Not - 2015/03/28(土) 04:44:27.29 ID:???.net (+67,+29,-98)
何故JSON?
その略語を展開すれば解ると思うが、そもそもそれはJSのオブジェクトリテラルに制限を付けたサブセットだ。
だから、JSのオブジェクトリテラルそのままを書けば良いだけ。
もっと古きを言えば、そもそもオブジェクトリテラル自体は読み取り時の表現形式だったが、17年前くらいにJSコードで書けるようになった。JSのデータ表現文字列としてはそれ以前の本当に初期から存在するのに知らないとかどうかしてるだろ君は草
943 : Name_Not - 2015/03/28(土) 04:55:08.85 ID:???.net (+7,-30,-167)
ていうか、IE4からIEには18年もexpandoプロパティというものがあってだな、data-* なんてのはそれをパクった上に属性名(JS用語だとプロパティ名)を別物にしてIE非対応としてIEを貶めるための嫌らしい政治的戦略なわけだ。
とりあえずそのexpandoには何でもセット出来た。

もっと言えばだな、IE5.5には#default#userDataというものがあってだな、その中でmsxmlやり放題だったわけ。その超絶有用な発展的独自仕様を捨てるそうだが、糞なHTML5にダウングレードするのは楽だがアホらしい作業だろうなと同情するわ。
944 : Name_Not - 2015/03/28(土) 05:08:45.62 ID:???.net (+9,-29,-207)
まあとりあえずそのjQueryの実装は手抜きだな。
飽きてんだろうな、ソース読んでもテキトーにやってます感が漂っている感じがする。
jQuery終わっとるな。

たぶん、backbonejs未満のヘルパーライブラリーに集約されるんだろうな。
要らん工夫は要らんと。

たとえば、今更のprototypejsをprototypeじゃなくてオブジェクト(いわゆるクラス)のメソッドとして定義する。
使う時はcall/apply強制ということ。
たとえば今のArray.map(ArrayLike, ...thisObj)みたいな使い方。
しかしこれは現在猛烈に普及中のアロー関数で面倒くさいことになる。
なかなかうまくいかないねえ。
945 : Name_Not - 2015/03/28(土) 05:35:04.60 ID:???.net (+57,+29,-11)
ソース読むだけでテキトーかどうかわかるのか。凄いなあ
俺もその能力が欲しい
946 : Name_Not - 2015/03/28(土) 08:02:32.37 ID:???.net (-2,-30,-35)
JSON形式にしてセットする仕様だとして

var a = {};
a.foo = a;
$('div').data('bar', a);

としたらどうなるか考えて見ればいい
947 : Name_Not - 2015/03/28(土) 09:21:56.80 ID:???.net (+13,-29,-34)
>>942
data-*属性に格納する例だからJSONなのでは?
949 : Name_Not - 2015/03/28(土) 12:03:41.45 ID:???.net (+4,-30,-85)
>>944
> まあとりあえずそのjQueryの実装は手抜きだな。

違うよ。よりよい実装だよ。

例えば、element.onclickに代入しても、
要素のonclick属性は作られない。
それと一緒だよ。
950 : Name_Not - 2015/03/28(土) 12:10:13.93 ID:???.net (+76,-30,-74)
>>947
じゃあこれだとどうなると思う?

var a = {}
a.foo = function() {};
a.bar = new Bar();
$('div').data('bar', a);

要素に紐付けたいデータというのは
文字列に出来るものだけじゃなくて、
オブジェクトも有りえるんだよ。

datasetで出来るのは文字列で表せるものだけ。
だから限界があるんだよね。
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

類似してるかもしれないスレッド


トップメニューへ / →のくす牧場書庫について