問題タブ [removeclass]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery-ui - jQuery UI を使用した効果の addClass/removeClass のアニメーション化
addClass/removeClass にフェード トランジションを追加するために、jQuery UI を使用しています。
私の目標は、子要素をホバーする（ナビゲーションをホバーする）ときに、親要素（ヘッダー）の背景色を（フェードアニメーション/効果で）変更することです。css クラスは非常に単純です。
HTML:
もちろん、エラーなしで jQuery と jQuery UI を呼び出しています。
次の理由により、jQuery スクリプトが正しく機能しません。
- クラスが追加されますが (onmouseover)、トランジション (フェード) 効果はありません。
- クラスは望ましくない方法で追加されます:
<header style="background: pink;">私は.removeAtrr("style")この奇妙な動作を避けるために使用します。 - クラスは削除されません (onmouseout)。
.animate()jQuery UI で色をアニメーション化するために使用することは避けたいと思っています。なぜなら、私は LESS で変数を使用しており、もちろん、スタイルはスタイルシートによってのみ変更されるようにしたいからです。
アイデアを得るために私のプロジェクトをチェックしてください。ご覧のとおり、私の意図は<header>、カーソルをリンクの上に置いたときに固定の背景色をリンクの色に置き換えることです。言い換えれば、<header>ポインターが「投稿」リンクにホバーするとすぐに、遷移フェード アニメーション/効果を伴うターンの背景色が青またはピンクになります。または「リンク」。.removeClass()ただし、ポインターが同じ遷移フェード アニメーション/効果で外に出るとすぐに、元の状態 (CSS クラスなし) に戻ります。私のプロジェクトはまだ開発中であり、現在、すべてのリンクに対して同じプロパティを使用して効果をテストしていることに注意してください。目的の結果が得られたら、すべてのリンクに個々のプロパティ (背景色) を適用します。
jquery - jQuery .first() と .last() の動作は異なりますか?
したがって、このマークアップを使用して単純なスライドショー コントロールを作成しています。
そして、私は次のようにjQueryを使用してナビゲートしようとしています:
そのため、最初の jQuery ブロックは期待どおりに機能し、最初にactiveクラスを次の div に割り当ててから、最初の div から削除します。2 番目のブロックは逆の方法で行う必要がありますが、前の項目にクラスを追加した後、最後の項目からクラスを削除しません。
私は間違った側からこの問題に取り組んでいますか? または、first() 関数と last() 関数の動作が異なるだけですか? jqueryのドキュメントからわかることから、これは機能するはずです。
jquery - jQuery addClass および removeClass onchange の問題
jQuery の addClass と removeClass をフォーム選択環境で動作させようとしていますが、ほとんど成功していません。
親 div のクラスを変更したいのですが、関数で ID を渡そうとしましたが、私の試みはすべて無駄でした。任意の指示と支援をいただければ幸いです。
javascript - jQuery removeClass() ではなく特定のクラス
特定のクラスを除くすべてのクラスを要素から削除するにはどうすればよいですか。not を使用できないと仮定していますremoveClass()。があり、<div class="aa bb cc dd ee ff"></div>を除くすべてのクラスを削除したいとしますaa dd。これどうやってするの。
jquery - .parents().removeClass() が機能しない
親要素のクラスを削除しようとして、このJavaScriptを取得しました:
このhtmlで：
残念ながら、これは今のところうまくいきません。次のようないくつかのテストを行いました。
と
それはすべて動作します。wordpressサイトでjQuery 1.6.2とjQuery masonryを使用しています。ここにライブデモがあり、すべてが機能している (機能していない) ことを確認できます。基本的には機能しますが、クラスが から削除されていないという事実により、とそのコンテンツがすぐに再開されます。クラスを削除しない理由についてかなり混乱しています。divdiv.expanded
編集:ドキュメントがロードされたときにクラスがまだ存在することを理解しました。写真をクリックすると後で追加されるので、削除の問題はこれからだと思います。誤解を招く説明で申し訳ありません。
javascript - クリック時にナビゲーションaddClass/removeClass
同じページのコンテンツにリンクするメニューがあり、jQueryを介してdivをフェードインおよびフェードアウトし、完全に機能します。
ナビゲーションの最初のリンクにはクラス（current_page_item）がアタッチされており、ナビゲーションの他のリンクをクリックすると、そのクラスを削除して、クリックしたリンクに追加したいと思います。
これまでのところ、私は次のようなことを試しました：
これは機能しません。
私はjavascriptに非常に慣れていないので、助けていただければ幸いです。
ありがとう！
編集：
ナビゲーションのHTMLは次のとおりです。
編集2：
以下の答えを使用しても、それでも私が望むものを達成していないようです。おそらく、私が使用しているjQueryプラグイン（マジックライン）が原因です。リンク
したがって、基本的には、「行」をクリックされたものの下に配置したいと思います。これは、「current_page_item」が適切な場所にある新しいページをロードする場合に機能しますが、DIVをフェードインおよびフェードアウトしているため、それを行うことはできません。
行は、'current_page_item'クラスのliアイテムに戻ります。おそらく、このコードを変更して、クリックした要素にクラスを追加することができますか？
これがコードです。
jquery - if is（）addClass（）/ removeClass（）の使用に関する問題
.toggle（）関数を使用するだけでなく、スライディング要素の配置をアニメーション化し、クラスを追加/削除することで、スライディング要素をトグルさせようとしています。
残念ながら、コードを追加してから、クラスを削除したり追加したりする気がしません。
jquery - removeClass() コールバック関数の使用方法
jQuery 1.4removeClass();は引数として関数を取るようになったためです。
私の<body>タグにはいくつかのクラスが追加されています。例:
クラス名を置き換えたいと思っています。関数removeClass()が役立つと思いますが、jQuery サイトのドキュメントをよく理解していないし、正規表現も得意ではありません。
たとえばheading-helvetica、heading-myriadまたはなどpara-georgiaをどのように置き換えることができpara-timesますか?
私は以前、次のようなものを使用していました。これは、置き換えようとしているクラス名がクラス名のリストの最初にある場合にのみ機能します。
jquery - (jquery) キーボード ナビゲーションが機能しない
あまりにも長い間これを行っていないので、明らかな間違いを許してください
html は次のようになります。