わずか9行のjQueryソースで、ウェブサイトのメニューバーにドロップダウンメニュー機能を加える方法を解説。ul＋li要素で作るリスト形式のHTMLを、メニューらしく見えるようCSSで装飾し、JavaScript(jQuery)を使ってサブメニューの開閉を制御するだけで、簡単に ...

jQueryとは、 John Resigによって開発され、 最近非常に注目を集めている Javascriptライブラリです。 JavaScriptとHTMLの対話を劇的に改善し、 Ajaxなどにより複雑化してきているWebアプリケーション構築に必要な処理を非常に簡潔に書くことができます。また ...

HTML5の機能以上を表現したければ、JavaScriptのプログラムが利用可能です。ただし、JavaScriptだけをゴリゴリに書くとブラウザ互換の問題があるやもしれません。そのため、この記事では少しでも互換性をカバーしてくれるJavaScriptのライブラリであるjQueryを ...

他ページなどのコンテンツを動的に表示するAJAXもjQueryを使えば驚くほど簡単に利用することができます。今回はAJAXを利用して、 RSSフィードを取得、 表示してみましょう。 RSSはXML （Extensible Markup Language） という言語で書かれています。以下はgihyo. jpのRSS2.

画像のクリック後にページを移動せず、その場で拡大画像を表示できるLightbox系スクリプトのおすすめ4本を紹介。JavaScriptを読み込むタグと短いHTMLを書くだけで簡単に使えます。jQueryを使う定番のLightbox2や、動画のポップアップも可能なColorbox、スマホ対応で ...

例えば以下のようなコードを書けばpタグのcolorは赤になりますよね または以下のように書けば、pタグのdisplayをnoneにできます。 $('p').hide(); さて、今見ていただいた.css()とか.hide()はjQueyにデフォルトで備わっているメソッドです。 実はこれ、自作できるんです ...

JavaScriptライブラリ「jQuery」が1月17日（米国時間）、v4.0.0へとアップデートされた。約10年ぶりのメジャーリリースとなる。 「jQuery」は、HTMLのDOM操作やCSSのエフェクト・アニメーション、非同期通信を用いてWebページを動的に書き換える「Ajax」などを手軽に ...

Timmy Willison recently released a new version of jQuery. jQuery 3.5 fixes a cross-site scripting (XSS) vulnerability found in the jQuery’s HTML parser. The Snyk open source security platform ...

Include an external script reference to the jquery.htmlTank.js file after your jQuery reference. To turn a visible HTML element into a tank, reference the element with jQuery and apply .htmlTank(); to ...

コーディング学習サイトCodejump（https://code-jump.com/）を運営する小豆沢健は、技術評論社から『HTML&CSS Webデザイン 現場レベル ...