jQuery– tag –

a タグで作成したリンクをクリックした場合にもリンク先に遷移したく無い場合があるかと思います。例えば、リンクをクリックしたが何らかのエラーがあった場合は遷移しないなど。そういう場合リンクを無効にし、遷移を行わない方法があります。「jQueryで...

Ajaxとは非同期通信を行う仕組みのことです。Asynchronous JavaScript + XML の略だそうです。Asynchronous は非同期という意味なので、JavaScript を使って非同期通信を行うということです。XMLは分かりません(笑) 非同期通信というのは、WEBページ...

jQueryを使ってHTML要素の表示・非表示をする方法です。スマホで表示時のメニューの開閉などに使えます。これは、クラスの追加・削除やスタイルの追加・削除でも対応出来ますが、jQueryには表示・非表示のための機能が既にあるためそれを使ったほうがコー...

jQueryでWindowやコンテンツの高さや幅を取得する方法です。トップページのファーストビュー時に画面いっぱいに画像が表示されるページを見かけますがそういうことも出来ます。またコンテンツの幅や高さを一番大きいものに合わせるなんてことも出来ます。...

jQueryを使ってHTMLの属性を操作する方法です。HTML属性は画像を表示させるタグ <img> の画像を指定する src などのことをさします。id や class も属性です。プロパティとも呼ばれます。（僕はプロパティのほうが馴染むのでプロパティと呼びます。...

今回はHTML要素内の子HTML要素やテキストを操作する方法です。動的にメッセージを変更したりページを構成するHTMLを変更したり出来ます。【タグ内のテキストを取得・変更する】HTMLは下のようなメッセージがあるとします。<p id="idname">本日は晴れ...

HTMLの要素に対し、動的にクラスを追加もしくは削除をする方法です。スタイルを直接追加しても同じだけど、追加するスタイルが予め決まっていて、複数ある場合にはスタイルシートを定義しておいてそのクラスを追加したり削除したりすればコードもすっきり...

前回の記事「DOM (Document Object Model)とは」でJavaScriptを使ってHTMLの要素の操作を行いました。しかし、今はJavaScriptをそのまま書く人は少ないと思います。それはjQueryを使うほうが圧倒的に簡単だからです。 今回はjQueryを使った色々な要素...

jQueryをうまく活用し、スライドショーやふわっと表示されたりする画面を作ってあなたのサイトをよりいっそうかっこよくしましょう。ちなみに、ふわっと表示したりボタンがプルプル動いたりとかはプログラミング全体の中ではあまり難しくないです。でも、...

WEB開発を行うとき、画面上の使い勝手で顧客満足に大きく影響してきます。その画面の使いやすさはデザイン要素もありますが、JavaScriptでつけた動きもかなり重要になってきます。そして、そのJavaScriptを使う上でjQueryは避けて通れないものです。jQuery...