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

    私的良スレ書庫

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

    元スレjQuery 質問スレッド vol.8

    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
    551 : Name_Not - 2018/02/18(日) 18:08:20.45 ID:???.net (-1,-29,-3)
    data-属性使ってほしくないんだろw
    552 : Name_Not - 2018/02/18(日) 21:18:43.54 ID:???.net (-6,-29,-2)
    data-属性使ってほしいんだろw
    553 : Name_Not - 2018/02/18(日) 23:31:46.65 ID:???.net (+33,-29,+1)
    結局toggleClassはどうなったんだっけ
    554 : Name_Not - 2018/02/18(日) 23:45:37.99 ID:???.net (-1,-29,-14)
    >>553
    attr()メソッド使えばいいで終わり
    555 : Name_Not - 2018/02/19(月) 08:29:30.07 ID:???.net (-2,-30,-78)
    $('.aaa')
     .removeClass().addClass('aaa').end()
    .attr('class', 'aaa');
    556 : Name_Not - 2018/02/19(月) 16:08:13.70 ID:???.net (+56,+28,-1)
    >>553
    何をしたい?
    557 : Name_Not - 2018/02/19(月) 22:33:18.00 ID:???.net (-6,-29,-14)
    data君=const君?
    558 : Name_Not - 2018/02/19(月) 23:00:02.75 ID:???.net (+10,-12,-12)
    const君なんていたのかw
    559 : Name_Not - 2018/02/19(月) 23:20:56.86 ID:???.net (+48,+25,-3)
    優秀な書き込みは全部俺♪
    560 : Name_Not - 2018/02/19(月) 23:41:22.72 ID:???.net (+35,+17,+0)
    キモ
    561 : Name_Not - 2018/02/20(火) 20:38:40.17 ID:???.net (+77,+29,-15)
    >>548って最初の質問の時点で読み取れるよな
    勝手に問題、困ってると解釈して勝手に修正しようとしてたわけだ
    562 : Name_Not - 2018/02/20(火) 22:42:01.26 ID:???.net (+46,+23,-1)
    data君の攻撃は止まらない
    563 : Name_Not - 2018/02/20(火) 23:11:37.66 ID:???.net (+115,+29,-9)
    > >>548って最初の質問の時点で読み取れるよな

    その次のレスで覆ったんだよ
    564 : Name_Not - 2018/02/20(火) 23:23:10.95 ID:???.net (+57,+30,-57)
    data君は自分が優秀だと思っている
    こんなところにいる底辺な奴らに自分が馬鹿にされていいわけがない
    そうだ、明らかに馬鹿なこいつを煽ってやろう
    馬鹿なこいつは自爆するからそこを追求してやればいい
    そうして、皆が自分を優秀な人間だと認めるだろう
    565 : Name_Not - 2018/02/20(火) 23:30:10.41 ID:???.net (+57,+29,-5)
    相変わらず中身が無いことをべらべら喋るなw
    566 : Name_Not - 2018/02/21(水) 01:03:44.87 ID:???.net (+29,+6,+0)
    date君のプロファイリングか
    567 : Name_Not - 2018/02/21(水) 01:09:17.64 ID:???.net (+52,+29,-1)
    早く煽ってやれよw
    568 : Name_Not - 2018/02/21(水) 08:25:14.36 ID:???.net (+51,+28,+1)
    data君はお山の大将
    569 : Name_Not - 2018/02/21(水) 19:59:33.21 ID:???.net (+79,+29,-1)
    >>563
    次のレスで解決しとるよw
    570 : Name_Not - 2018/02/21(水) 22:41:21.32 ID:???.net (+102,-30,+0)
    >>569
    次のレスってどれのこと?


    質問者: 140 名前:Name_Not_Found[sage] 投稿日:2018/01/28(日) 10:57:06.54 ID:???
    > .aaaに動的に付けたclass(bbb ccc ddd・・・)の削除や付け直しを一括でしたく
    > $('.aaa').removeClass('bbb ccc ddd・・・');
    > を
    > $('.aaa').removeClass().addClass('aaa');
    > とするのはあり?

    質問者への問題点の指摘: 142 名前:Name_Not_Found[sage] 投稿日:2018/01/28(日) 11:50:24.50 ID:???
    > >>140
    > それだと静的に付けたclassまで消えちゃうじゃん

    質問者の次のレス:143 名前:Name_Not_Found[sage] 投稿日:2018/01/28(日) 17:27:37.90 ID:???
    > >>142
    > そうなんだけど・・・の管理が面倒で
    > 変更の度にそこも付け加えなくてはならなくて
    > 最初つけるclassは1,2個と少ないので楽かなと

    質問者の次のレスを解説すると

    1. そうなんだけど => 問題点への指摘の同意
    2. ・・・の管理が面倒で => 面倒な部分
    3. 変更の度にそこも付け加えなくてはならなくて => ・・・の部分が変わる
    4. 最初つけるclassは1,2個と少ないので楽かなと => 個数は不明だが、少ないのでまだましだということ

    これに対してdata-*属性を使った場合は、全ての問題が解決する
    571 : Name_Not - 2018/02/21(水) 23:53:08.85 ID:???.net (+44,+26,+0)
    なるほど
    572 : Name_Not - 2018/02/22(木) 00:31:44.20 ID:???.net (+52,+29,-2)
    まだやってたのかw
    573 : Name_Not - 2018/02/22(木) 15:37:04.38 ID:???.net (+50,-30,-46)
    classは論外だが何でもかんでもdata-に頼るべきではない
    <custom-postit data-form=circle
    のように基本的に使うものであって、
    ある特定のJS内で完結する場合の要素へのデータの紐付けはWeakMapを使うべき
    574 : Name_Not - 2018/02/22(木) 19:59:44.10 ID:???.net (+99,+28,+0)
    >>570
    まだ続けたいのか

    >>573
    kwsk
    575 : Name_Not - 2018/02/22(木) 20:31:42.67 ID:???.net (+57,+29,-5)
    弱くて迷いそう。ストロングナビ使いたい。
    576 : Name_Not - 2018/02/22(木) 20:58:23.32 ID:???.net (+99,+19,-72)
    >>574
    詳しく言うとJS内で完結するというのは主にCSSと連携しないってことだよ
    CSSからJS内の変数は読み書きできないから変数の値が○○の時に色を変えるとかはできない
    data-ならCSSと連携できるがそれが必要ないなら場合はJSでいい

    もともとは全部classに入れていたわけだけど、classをCSSと連携しない使い方をしてるなら
    data-ではなくJS側に全部持ってこれるということ
    今回がどっちに当てはまるのかはしらないけどね
    577 : Name_Not - 2018/02/22(木) 21:07:38.86 ID:???.net (+3,-30,-209)
    ん?元はclass使っていたってことは、CSSと連携したいってことでは?
    しきりにWeakMapを連呼してるのは、オブジェクトが消えてもメモリリークが
    起きないってことを言いたいのかもしれないけど、それはjQueryのdata()メソッドでもできること
    (質問者がdata()メソッドの存在を知らなかった可能性はあるけど)


    http://api.jquery.com/jQuery.data/
    > The jQuery.data() method allows us to attach data of any type to DOM elements in a
    > way that is safe from circular references and therefore from memory leaks.
    > We can retrieve several distinct values for a single element one at a time, or as a set:

    もともとclassを使っていた以上CSSと連携させたいと思うのが普通で
    それをJS側に持ってこれるとは思わないな。
    578 : Name_Not - 2018/02/22(木) 21:29:38.74 ID:???.net (+54,+26,-11)
    > ん?元はclass使っていたってことは、CSSと連携したいってことでは?
    ただの思い込み
    579 : Name_Not - 2018/02/22(木) 21:51:07.16 ID:???.net (+91,+29,-15)
    その理屈で言えば、WeakMapでできるというのも思い込みなわけで
    580 : Name_Not - 2018/02/22(木) 21:51:08.74 ID:???.net (-2,-30,-44)
    ('.aaa').attr('class', 'aaa');
    581 : Name_Not - 2018/02/22(木) 21:52:25.33 ID:???.net (+70,+29,-11)
    >>579
    最初はそれに気づかずに、CSSと連携できないって
    指摘されて意見を変えたみたいねw
    582 : 573 - 2018/02/22(木) 22:48:31.78 ID:???.net (+67,+30,-170)
    言っとくけど俺は573以降ここまでレスしてないから
    それに意見を変えたって、一体どういうこと?
    意見は全部573に含まれてて完結している

    書いたとおり、要素とデータを結びつけるときには必ずしも要素の属性を利用しなくとも
    WeakMapの方が勧められる『場合もある』と言っただけ
    そしてその理由は主にセマンティクス上のもので機能の優劣を述べたつもりもない

    間隔としてはグローバル変数をむやみに使うなと同じような小言
    それ以上でもそれ以下でもない
    大人ならすぐ他人を煽ったり話を茶化して非建設的な流れに持っていくのは辞めろ
    583 : Name_Not - 2018/02/22(木) 23:18:37.32 ID:???.net (+77,+29,-7)
    >>576
    文は長いが書いてあること全然詳しくないのだが
    具体的にお願いできないかな
    584 : Name_Not - 2018/02/22(木) 23:26:29.20 ID:???.net (+47,-29,-19)
    >>583
    最初から意見かえたのか?

    >> 438
    > まだやっていたのか
    > 静的につけたclassが動的処理で消える問題を考慮するなら、data-*もclassも同じ問題を抱えてる
    > WeakMapを使えば良いだけ
    585 : Name_Not - 2018/02/22(木) 23:27:30.13 ID:???.net (+43,-29,-26)
    >>582
    タグのclassを使う代わりに、JavaScriptの変数にしろっていう意見でOK?
    586 : Name_Not - 2018/02/22(木) 23:31:15.95 ID:???.net (+62,+29,-69)
    要するにそれを使ってスタイルを当てる、とか
    カスタム要素で利用する属性である、とか
    他のライブラリやモジュールから利用される、とか
    第三者と共有する必要があるために、データをおおやけにする意味があるならいいが

    そうでなくJSで自分自身の閉じた空間内でメモ書きがしたいだけなら
    要素の属性を使うのは下品じゃないかということだろう
    587 : Name_Not - 2018/02/22(木) 23:37:31.10 ID:???.net (+141,+29,-97)
    >>585
    一番言いたいことは、そういう方法も使えるのに要素をデータを結びつけるためには
    普通要素の属性を使うもんだと考え方が狭くなってないか?ということ

    それと一般的抽象的に考えて、オブジェクトとデータを結びつける効果的方法である
    WeakMapをもっとどんどん使っていこうよという意見
    588 : Name_Not - 2018/02/22(木) 23:48:20.73 ID:???.net (+99,+29,-21)
    いや、class属性でやっていたものをWeakMap使えばいいっていうのが
    必ずしも正しくないって話だろ。cssで使えないんだから
    なんでもかんでもWeakMapで解決するような言い方をするからいかんのだ
    589 : Name_Not - 2018/02/22(木) 23:52:33.97 ID:???.net (+166,+29,-40)
    >>587
    > 一番言いたいことは、そういう方法も使えるのに要素をデータを結びつけるためには
    話がずれてるよ

    要素とデータを結びつけたいなんて誰も言ってない
    class属性のメンテナンスが面倒くさいって話をしてる
    590 : Name_Not - 2018/02/23(金) 09:21:20.79 ID:???.net (+116,+29,-51)
    >>588
    自分はWMを使う方が良いケースもあると言っただけであって
    なんでもかんでもWMでなんて一言も言っていない

    >>589
    それを言っちゃあそもそも論が出てきた最初の質問から5スレ後には既にずれてて
    今や一般的な話になっている
    そのクラスだって単にjQから利用するためのラベル付なのかもしれないしね
    591 : Name_Not - 2018/02/23(金) 10:09:01.97 ID:???.net (+26,-30,-60)
    >>589
    要はsourceの意図
    classにしても class="*-aaa, bbb" とか部類の意図を把握できればそれで良いんだよ
    data-*="hoge" にしても結局は製作者の意図によるもの
    ま、個々の勝手だが
    592 : Name_Not - 2018/02/23(金) 21:49:01.55 ID:???.net (+64,+29,-9)
    >>584
    > 最初から意見かえたのか?

    何言ってるかわからん
    誰か別人と勘違いしてないか?
    593 : Name_Not - 2018/02/23(金) 22:05:16.07 ID:???.net (+94,+29,-17)
    >>587
    それは一理ある

    >>589
    >class属性のメンテナンスが面倒くさい
    それってdata君の言い分だよな

    少なくとも質問者はそう思ってない
    もっといい方法もあるよももっともだが質問者は断ってるしな
    594 : Name_Not - 2018/02/24(土) 00:51:29.52 ID:???.net (+115,+29,-48)
    >>590
    > 自分はWMを使う方が良いケースもあると言っただけであって

    それをいうなら、俺だって今回のケースでは
    data-*属性をつかうと良いというだけで、
    すべての場合でdata-*属性を使えなんて言っていない

    つまり、俺が今回の問題に対してレスしている所に横から割り込んできて、
    今回の問題とは無関係な話を始めたお前がおかしい
    595 : Name_Not - 2018/02/24(土) 00:52:35.74 ID:???.net (+51,-30,-73)
    >>593
    > それってdata君の言い分だよな
    質問者が言ってるよ

    ↓ほらね

    143 名前:Name_Not_Found[sage] 投稿日:2018/01/28(日) 17:27:37.90 ID:???
    > >>142
    > そうなんだけど・・・の管理が面倒で
    > 変更の度にそこも付け加えなくてはならなくて
    > 最初つけるclassは1,2個と少ないので楽かなと
    596 : Name_Not - 2018/02/24(土) 00:54:02.66 ID:???.net (+41,-29,-82)
    >>591
    > classにしても class="*-aaa, bbb" とか部類の意図を把握できればそれで良いんだよ


    その話は>>210で俺がすでにしてる

    > ま、無理やりやろうとするなら、classの値に特殊な名前つけルールを作って
    > そのルールを解釈して操作する関数を作るなんて "無駄なこと" をやればできるがねw
    > whiteとではなくcolor-whiteみたいにプリフィックス付けて全部列挙して color- だと・・・無駄だなw
    597 : Name_Not - 2018/02/24(土) 05:43:09.54 ID:???.net (+78,+30,-97)
    >>594
    自分が言いたいのはその2つのどっちが優れているかではなく、
    他の有効なやり方だってあるんだし、細かな意味的なことだって重要
    だからそれぞれ適材適所バランス良く使おうねということ

    今回のケースにしたって情報が不足してるんだからこれが最適だとかいう回答はできないから揉めている
    結果一般論的にこれまでの全ての流れを踏まえて勝手なまとめ的にそういった感想を述べたまでで
    君に当て付ける気なんて微塵もないし、完全に被害妄想
    598 : Name_Not - 2018/02/24(土) 08:37:35.14 ID:???.net (+63,+29,-57)
    >>596
    無理やりとかw
    どちらにしてもhtmlとしては個人の単なる部類に過ぎないし、文書構造からして無意味なこと
    あくまで主観に過ぎない
    599 : Name_Not - 2018/02/24(土) 13:22:35.91 ID:???.net (+14,-29,-40)
    >>595
    横から失礼
    data-*にしてremoveClass()の部分はどうすんの?
    得体のしれないclass(相当)がある場合とない場合で
    600 : Name_Not - 2018/02/24(土) 13:57:38.27 ID:???.net (+14,-24,-72)
    >>599
    話を再確認しようか?

    今回の話はdata-*属性を使ったら楽に実装できるという話であって
    今回の話にremoveClass()が必要か?という話を先に決めないといけない

    答えを言うと今回の話にremoveClass()は必要ない
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

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


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