要素クリックでclassを付与するJqueryコード。M2制作BLOG要素クリックでclassを付与するJqueryコード。>要素クリックでclassを付与するJqueryコード。2018/04/19要素クリックでclassを付与するJqueryコード。要素をクリックした時にclassを付与して、CSSでゴニョゴニョしたいでしょ?そんな時にJqueryを使うと非常に簡単に実現できるので、方法を知らない方はぜひご参照ください。コピペで簡単に実装できますよ。以下より本文を御覧ください。Jqueryを使用します「要素クリックでclass付与」を実現しましょう。今回はJqueryを使用して実装します。<head></head>要素の中にJqueryを呼び出す記述を書いて下さい。src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>▲コピペでOK。こんな風に、Googleのサーバーからjqueryを使わせてもらうと超高速ですよ。いうの、CDNサービスと言います。要素の前にコードを書く今回はクラスが付与されたpタグに対して作業してみましょう。このpタグをクリックした時に、pタグに「honya」というクラスが追加されるようにします。});</script>上記コードをpタグの上辺りに書いておけばOKです。pタグをクリックすると「honya」タグが外れます。再読込するまで、一度付与したclassを外したくない..という人は以下のjaueryコードを使おう。});</script>これで何度pタグをクリックしても「honya」クラスは外れません。.aaaの要素指定箇所や、付与するclassを書き換えて、色々実験してみて下さい。簡単でよかったですね。次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。Δおすすめ記事WordPressのカテゴリーページで、ページタイトルを取得したい【CSS】classを2つ指定して制御する方法。人気記事TOP10会社の椅子をバランスボールにし、2年経って思ったこと。7色の虹色をデザインに使用する際の注意点。【解決】リンクをクリックしようとするとビックリマークが出る問題CG制作で活躍「ゲーミングマウス」4選。【CSS】classを2つ指定して制御する方法。【AfterEffects】有料プラグインおすすめの定番3選。この1冊読めばスタートに立てますCG制作で活躍「ゲーミングマウス」4選。【wacomペンタブ】BAMBOOとIntiosのペンは互換性あり!?【無料】検索順位を調べるツール「GRC」が便利すぎるCG制作で活躍「ゲーミングマウス」4選。要素クリックでclassを付与するJqueryコード。【CSS】classを2つ指定して制御する方法。【wordpress】ウィジェットを取得するシンプルなコード。【すぐ解決】パーマリンクを変えたら画面真っ白問題。CPIサーバー利用中の方向けデザイナー必読。高価買取される初期デジモンカード(旧裏面)まとめamazonアフィリエイトの審査に落ちる人必見。合格のコツ【ネットに繋がらない】PPPoE見直しても、再起動でもダメ...その意外な原因とは!?ホームページ・ブログ・動画作ります。