プログラマーの技術や経験の暴露ブログです。何か聞きたいことがあれば遠慮なくご連絡ください。

jQuery(js)

jQueryでメニューのサブメニュー(ドロップダウン)をクリックで開閉させる方法

2018.09.06 munehiro

以前にCSSでドロップダウンメニューを作成しました。 CSSではマウスオーバーでしか動的なことは出来ないため、マウスオーバーで開閉するようなものでした。 CSSの擬似クラス(hover)でメニューにドロップダウンを可能な…

2018.09.06 munehiro

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

2018.09.05 munehiro

Ajaxとは非同期通信を行う仕組みのことです。 Asynchronous JavaScript + XML の略だそうです。 Asynchronous は非同期という意味なので、JavaScript を使って非同期通信を…

2018.09.04 munehiro

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

2018.09.03 munehiro

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

2018.09.03 munehiro

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

2018.09.03 munehiro

今回はHTML要素内の子HTML要素やテキストを操作する方法です。動的にメッセージを変更したりページを構成するHTMLを変更したり出来ます。タグ内のテキストを取得・変更する HTMLは下のようなメッセージがあるとしま…

2018.09.02 munehiro

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

2018.09.01 munehiro

前回の記事「DOM (Document Object Model)とは」でJavaScriptを使ってHTMLの要素の操作を行いました。しかし、今はJavaScriptをそのまま書く人は少ないと思います。それはjQu…

2018.08.31 munehiro

DOMはドムって読むんですかね？ Document Object Model の略です。ブラウザ全体を管理するwindowオブジェクトの中にdocumentオブジェクトというものがあります。 documentオブジェク…