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

jQuery

jQueryでリンクのクリックを無効にする方法

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.28 munehiro

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

2018.08.27 munehiro

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