jQuery Mobileを使ったスマートフォンサイトでよく用いられるのが、スマートフォンのUIでおなじみのリスト表示です。今回作成するサンプルサイトでも、トップページに利用しています。 jQuery Mobileのリストは、コンテンツ領域内(data-role="content")にul要素を ...
HTML5の機能以上を表現したければ、JavaScriptのプログラムが利用可能です。ただし、JavaScriptだけをゴリゴリに書くとブラウザ互換の問題があるやもしれません。そのため、この記事では少しでも互換性をカバーしてくれるJavaScriptのライブラリであるjQueryを ...
例えば以下のようなコードを書けばpタグのcolorは赤になりますよね または以下のように書けば、pタグのdisplayをnoneにできます。 $('p').hide(); さて、今見ていただいた.css()とか.hide()はjQueyにデフォルトで備わっているメソッドです。 実はこれ、自作できるん ...
This lesson doesn't render as a lab, but there are files within this repository you'll need to code along. Click on the Github icon in Learn, and fork and clone this repository. Go ahead and open html ...
text() ではテキストを操作できましたが、(X)HTMLのタグを含むテキストを操作したい場合は、html() という命令を利用します。 (X)HTMLの変更 html()を利用して(X)HTMLを変更するには、html(...)の内側に変更後の(X)HTMLを記述します。 サンプルコード(スクリプト ...
前回からの今回までの間にjQuery 1. 2.4および1. 2.5がリリースされました。開発者のJohn Resigによると、 1. 2.4にはビルド上の不具合があったために、 1. 2.5をリリースしたとのことで、 1. 2.4に関しては利用しないほうが賢明です。 大きな変更点としては、 width ...
jQuery .load function errors if loading html with auto-removing script tag. Callback function is not executed. While this is kind of a non-issue as jQuery removes scripts with the .load function ...