frontendblog https://blog.hatena.ne.jp/frontendblog/ フロントエンドブログ https://frontendblog.hatenablog.com/ jQuery JavaScript 皆さんこんばんは(^o^)１週間が始まりましたね。 今日は制作現場でもよく使うjQueryの使い方をご紹介します。 jQueryはライブラリを読み込み利用しますが今回は割愛します。 ▼変数定義について 慣習上、変数の冒頭に$をつけます。 const $input = $("input"); ▼テキストの中身を変える方法 $("p").text("こんにちは"); テキストの中身を変えるには.text()を利用します。 JavaScriptと書き方が若干違うので注意。 ▼クラスの追加 $("p").addClass(red"); クラスの追加の方法 addClassでCSSの追加が可能。 上記は… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ffrontendblog.hatenablog.com%2Fentry%2F2021%2F09%2F13%2F222641" title="【jQuery】基本的な使い方 - フロントエンドブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://www23.a8.net/svt/bgt?aid=210830962857&wid=001&eno=01&mid=s00000000404008041000&mc=1 Hatena Blog https://hatena.blog 2021-09-13 22:26:41 rich https://frontendblog.hatenablog.com/entry/2021/09/13/222641 1.0 100%