フロントエンドブログ

Web制作で役立つフロントエンドの知識を発信しています!

【jQuery】基本的な使い方

皆さんこんばんは(^o^)1週間が始まりましたね。

今日は制作現場でもよく使うjQueryの使い方をご紹介します。

jQueryはライブラリを読み込み利用しますが今回は割愛します。

 

▼変数定義について

慣習上、変数の冒頭に$をつけます。

const $input = $("input");

 

▼テキストの中身を変える方法

$("p").text("こんにちは");

テキストの中身を変えるには.text()を利用します。

JavaScriptと書き方が若干違うので注意。

 

▼クラスの追加

$("p").addClass(red");

クラスの追加の方法

addClassでCSSの追加が可能。

 

上記は一例なのでまた改めて紹介させていただきます(^o^)

今週も頑張っていきましょう!

 

 

 

 

 

 

継続は力なり