jQuery(js)– category –
-
jQueryでメニューのサブメニュー(ドロップダウン)をクリックで開閉させる方法
以前にCSSでドロップダウンメニューを作成しました。CSSではマウスオーバーでしか動的なことは出来ないため、マウスオーバーで開閉するようなものでした。https://swell.dev-lib.work/css-menu-drop-down/今回はjQueryを使ってメニューをクリックするとド... -
jQueryでリンクのクリックを無効にする方法
a タグで作成したリンクをクリックした場合にもリンク先に遷移したく無い場合があるかと思います。例えば、リンクをクリックしたが何らかのエラーがあった場合は遷移しないなど。そういう場合リンクを無効にし、遷移を行わない方法があります。「jQueryで... -
Ajaxとは？jQueryで非同期通信を行う方法
Ajaxとは非同期通信を行う仕組みのことです。Asynchronous JavaScript + XML の略だそうです。Asynchronous は非同期という意味なので、JavaScript を使って非同期通信を行うということです。XMLは分かりません(笑) 非同期通信というのは、WEBページ... -
jQueryで表示・非表示を操作する方法3選
jQueryを使ってHTML要素の表示・非表示をする方法です。スマホで表示時のメニューの開閉などに使えます。これは、クラスの追加・削除やスタイルの追加・削除でも対応出来ますが、jQueryには表示・非表示のための機能が既にあるためそれを使ったほうがコー... -
jQueryでWindowやコンテンツの高さや幅を取得する方法
jQueryでWindowやコンテンツの高さや幅を取得する方法です。トップページのファーストビュー時に画面いっぱいに画像が表示されるページを見かけますがそういうことも出来ます。またコンテンツの幅や高さを一番大きいものに合わせるなんてことも出来ます。... -
jQueryでHTML要素の属性(プロパティ)を取得・追加・削除する方法
jQueryを使ってHTMLの属性を操作する方法です。HTML属性は画像を表示させるタグ <img> の画像を指定する src などのことをさします。id や class も属性です。プロパティとも呼ばれます。（僕はプロパティのほうが馴染むのでプロパティと呼びます。... -
jQueryでHTMLやテキストを変更・削除する方法
今回はHTML要素内の子HTML要素やテキストを操作する方法です。動的にメッセージを変更したりページを構成するHTMLを変更したり出来ます。【タグ内のテキストを取得・変更する】HTMLは下のようなメッセージがあるとします。<p id="idname">本日は晴れ... -
jQueryでクラス属性にクラスを追加・削除する方法
HTMLの要素に対し、動的にクラスを追加もしくは削除をする方法です。スタイルを直接追加しても同じだけど、追加するスタイルが予め決まっていて、複数ある場合にはスタイルシートを定義しておいてそのクラスを追加したり削除したりすればコードもすっきり... -
jQueryでDOM操作（基礎）
前回の記事「DOM (Document Object Model)とは」でJavaScriptを使ってHTMLの要素の操作を行いました。しかし、今はJavaScriptをそのまま書く人は少ないと思います。それはjQueryを使うほうが圧倒的に簡単だからです。 今回はjQueryを使った色々な要素... -
DOM (Document Object Model)とは
DOMはドムって読むんですかね？Document Object Model の略です。ブラウザ全体を管理するwindowオブジェクトの中にdocumentオブジェクトというものがあります。documentオブジェクトは、HTMLのbodyタグの中にあるHTMLタグをコントロールするためのオブジェ...
