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

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

第1回ではJSONPによるAjax実装を取り上げましたが、 今回はそこで使ったJSONという表記法と、 JSONPというAjax実装手法について解説します。また、 jQueryによる簡単なAjaxの実装についても解説します。 JSONってなに？ JSONとは、 JavaScript Object Notationの略称です。

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

jQueryでモーダルウインドウUIを簡単に作れるColorboxの使い方を解説。ウェブページ全面を暗転し、中央に重ねたボックスをモーダルウインドウ風に見せるUIは、Lightbox系jQueryプラグイン「Colorbox」を使えば、ほんの3行程度のJavaScriptを書くだけで作れます。

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

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