jQuery

【jQuery】外部ファイルの読み込みと操作

今回は、外部ファイルの読み込みと操作、GETメソッドを使ったファイルの扱い方を中心に紹介していきます。APIを使ったWebアプリケーションをつくる際に必要になってくるJSON形式について覚えましょう!! 以下のファイルを用意してください。 sample.html <h2>lo</h2>…

【jQuery】属性の操作とイベント処理(2)

前回に引き続き、jQueryで記述する「属性の操作とイベント処理」について書きます。今回は、クリックするとメニューが表示・非表示されるなどのアニメーション効果を中心に紹介していきます。 以下のHTMLとCSSを用意してください。 <ul id="hover"> <li>リスト1</li> <li>リスト2</li> <li>リス</li></ul>…

【jQuery】属性の操作とイベント処理(1)

クラスの追加と削除 まずはじめに、以下のHTMLとCSSファイルを用意します。 HTMLファイルには、タグで囲まれた要素にidとclassを割り当てます。 例題3:クリックしたらh1タグの中身を表示する <h1>jQueryを動かしてみよう!!</h1> 例題1:クラスの追加と削除 <p id="cls1">クラ</p>…

【jQuery】HTML要素とCSSプロパティの操作

ファイルを準備しよう!! jQueryはJavaScriptファイル(拡張子.js)に記述します。前回勉強したJavaScriptの関数化を使い、外部ファイルに記述し操作していきます。 以下のHTMLを用意します。 jquery.html

【jQuery】プログラミングの準備をしよう!!

jQueryとは jQueryは、JavaScriptのライブラリーの一つです。ライブラリーにはjQuery以外にもいろいろなものが存在します。 jQueryの特徴 jQueryでは、さまざまな処理をシンプルに記述できるようするための工夫がされています。1つのリスト記述で様々なWeb…