初心者向けjQuery入門

初心者向けjQuery入門講座です

未分類

疑似クラスと疑似要素

投稿日:2017年8月2日 更新日:

疑似クラスと疑似要素

疑似クラス

疑似クラスとは疑似的に処理をセレクタに追加するものです。
:をつけます。
疑似クラス一覧
:active
:any
:checked
:default
:dir()
:disabled
:empty
:enabled
:first
:first-child
:first-of-type
:fullscreen
:focus
:hover
:indeterminate
:in-range
:invalid
:lang()
:last-child
:last-of-type
:left
:link
:not()
:nth-child()
:nth-last-child()
:nth-last-of-type()
:nth-of-type()
:only-child

疑似要素

疑似要素はセレクタに追加するものは同じですが名前と書き方が違います。
::をふたつつけます。

疑似要素一覧
::after
::before
::first-letter
::first-line
::selection
::backdrop

あんまり無づかしく考えず個別に処理を覚えて使えるようにしときましょう。

スポンサードリンク




スポンサードリンク




-未分類
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

jQuery ダウンロードとCDNファイルを読み込みむ方法とready

jQuery ダウンロードと ファイルを読み込みむ方法 jQuery ダウンロード jQueryをダウンロードするには公式サイトはhttps://jquery.com/こちらです。 ダウンロードするフ …

no image

jQuery slideUpとslideDownとslideToggle

jQuery slideUpとslideDownとslideToggle jQuery slideUp slideUpはスライドをアップします。 要素が上に上がっていき非表示になります。 サンプル $ …

no image

jQuery removeとemptyの違い

removeとemptyの違い removeとemptyの違い removeとemptyの違い。 removeは要素をDOMから削除します。 emptyは要素を子ノードから削除します。 remove …

no image

jQuery textメソッドとhtmlの違い 文字列を変更する

jQuery textメソッド 文字列を変更する jQuery textメソッド 文字列を変更する textメソッドは要素のtextを変更することができます。 $(“セレクタ” …

no image

jQuery チルダ~の間接セレクタと兄弟セレクタ

jQuery チルダ~の間接セレクタと兄弟セレクタ jQuery チルダ~の間接セレクタと兄弟セレクタ 間接セレクタはチルダを使用します。 兄弟とは親が同じだということですね。 動作は指定した兄弟の以 …