CSS pseudoelements :before:
と:after
で挿入しているコンテンツをクリックしたときにjQueryアニメーションをトリガーしたいと思います。しかし、私はこれを行う方法がわかりません。私の最初の推測、$(#id:before).click()
は動作しませんでした。これはjQueryの機能の一部ですか?その場合は、before
/after
のコンテンツをどのように選択すればよいですか?CSS擬似要素のjQuery .click()イベント(:前/:後)?
答えて
jQueryはCSS :before
および:after
セレクタをサポートしていません。
兄弟を選択するには、
.siblings()
を使用し、そこからフィルタします。
+1は単なるサポートの欠如のためです。しかし、 '.siblings()'は擬似要素を選択せず、現在スコープされている要素とは全く異なる要素を選択します。 ':before'と':after'の内容要素は、いずれにせよ兄弟自身ではなく、指定された要素の子です(しかし内容の兄弟)。詳細はこちら:http://www.w3.org/TR/CSS2/generate.html#before-after-content – BoltClock
私の間違い。明確化のためにありがとう:) –
これをありがとう、ありがとう@BoltClock明確化のために。 jQueryの.before/.afterメソッドにショットを与えます。 – daysrunaway
- 1. 擬似要素前/後
- 2. 類似::前と::後の擬似要素
- 3. CSS :: ::擬似要素の後ろ
- 4. グローブブラケット擬似要素CSS
- 5. jQueryと擬似要素
- 6. 擬似要素
- 7. CSS - 擬似要素の位置付け
- 8. CSS擬似要素のサイズの問題
- 9. CSS擬似要素の混乱
- 10. 擬似要素は
- 11. Chromeの擬似要素の前に
- 12. JQueryからの擬似CSS要素の後ろの幅を変更します。
- 13. CSS擬似要素:前と後の動作はInternet Explorerで異なって
- 14. CSSポジショニングの問題点:擬似要素の後
- 15. ::擬似要素は
- 16. 改行後にテキストのCSS擬似要素が消える
- 17. CSS隣接セレクタは+:擬似要素の後
- 18. ポップアップを追加:CSSの後に擬似要素
- 19. CSS3:after擬似要素でJQueryでイベントをトリガーしますか?
- 20. CSS3:入力後の擬似要素
- 21. 位置擬似要素の後に
- 22. リスト擬似要素の後には、
- 23. IEとEdgeの前後の擬似要素
- 24. クリック後の擬似要素の前に固定する
- 25. webkit-tap-highlight-color on擬似後要素
- 26. クリックスルー擬似要素
- 27. FadeOut擬似要素
- 28. スタイルの擬似要素
- 29. IE10: 'visibility:hidden'要素の擬似要素の前に 'visibility:visible' on
- 30. before:before(擬似要素)要素の変更プロパティ(jQueryを使用)
http://api.jquery.com/before/ –
@マイクSoule後:同じものではありません。 – BoltClock