カテゴリー
JavaScript

jQuery UIライブラリ

Query自身が提供する機能は、コアDOM、CSS、イベント処理、Ajax機能に限定されている

これらの機能は、ユーザインターフェースウィジェットなどの高レベルな機能を提供するための基盤となる

jQuery UIライブラリが実際に、このような機能を提供する。

jQuery UIには、数多くのインターフェースウィジェットが定義されている

jQuery UIは、関連するjQueryプラグインを1つのJavaScriptファイルにまとめたもの

jQuery UIを使うには、jQueryオブジェクトをインクルードした後に、jQuery UIスクリプトをインクルードするだけ

参考書籍:

オライリー JavaScript 第6版

カテゴリー
JavaScript

プラグインによるjQueryの拡張

jQueryは、新しい機能を追加しやすいように記述されている。

新しい機能を追加するモジュールはプラグインと呼ばれる。

jQueryプラグインは通常のJavaScriptコードのファイルWebページで使いたい場合は、他のJavaScriptライブラリと同様に<script>要素を使ってインクルードするだけ

独自のjQuery拡張を記述するには、jQuery.fn に関数を追加する

jQuery.fnに関数を追加すれば、その関数はjQueryオブジェクトのメソッドになる

jQuery.fnはすべてのjQueryオブジェクトのプロトタイプオブジェクト

参考書籍:

オライリー JavaScript 第6版

カテゴリー
JavaScript

直前の選択の復元

end()
andSelf()

参考書籍:

オライリー JavaScript 第6版

カテゴリー
JavaScript

コンテキストとしての選択の利用

find()
children()
contents()
next()
prev()
nextAll()
prevAll()
siblings()
nextUntil()
prevUntil()
parents()
parentsUntil()
closest()

参考書籍:

オライリー JavaScript 第6版

カテゴリー
JavaScript

選択メソッド

$()でサポートされているセレクタ書式のほかに、jQueryでは、数多くの選択メソッドが定義されている

first()
last()
eq()
slice()
filter()
not()
has()
add()

参考書籍:

オライリー JavaScript 第6版

カテゴリー
JavaScript

セレクタグループ

セレクタグループは、単に1つ以上のセレクタや複合セレクタをカンマで区切ったリストのこと

"h1, h2, h3"
"#p1, #p2, #p3"
"div.note, p.note"
"body>p, div.note>p"

参考書籍:

オライリー JavaScript 第6版

カテゴリー
JavaScript

セレクタ結合子

jQueryセレクタ結合子

A B
A > B
A + B
A ~ B

参考書籍:

オライリー JavaScript 第6版

カテゴリー
JavaScript

単体セレクタ

#id

.class
[attr]
[attr=val]
[attr!=val]
[attr!^=val]
[attr$=val]
[attr*=val]
[attr~=val]
[attr|=val]
:animated
:button
:checkbox
:checked
:contains
:disabled
:empty
:enabled
:eq(n)
:even
:file
:first
:first-child
:gt(n)
:has(sel)
:header
:hidden
:image
:input
:last
:last-child
:lt(n)
:not(sel)
:nth(n)
:nth-child(n)
:odd
:only-child
:parent
:password
:radio
:selected
:submit
:text
:visible

//親要素の最初の要素と3つおきの要素となる段落の中から
//「JavaScript」という単語を含み、&lt;a&gt;要素を含まない段落を選択する
p:nth-child(3n+1):text("JavaScript"):not(:has(a));	

参考書籍:

オライリー JavaScript 第6版

カテゴリー
JavaScript

jQueryセレクタ

基本的なCSSセレクタ(15.2.5項)
さらに高度なセレクタ

単体セレクタ

#test id属性として"test"を持つ要素

blockquote ドキュメント中のすべての<blockquote>要素
div.note クラス属性として"note"を持つすべての<div>要素

複合セレクタ

単体セレクタを結合子文字で区切って組み合わせることで
複合セレクタにすることもできる
div.note > p
blockquote i

セレクタグループ

単体セレクタ、複合セレクタをカンマで区切ってグループ化する

参考書籍:

オライリー JavaScript 第6版

カテゴリー
JavaScript

ユーティリティ関数

jQueryライブラリには、プログラム中で便利に使える多くのユーティリティ関数が定義されている

jQuery.contains()
jQuery.each()
jQuery.extend()
jQuery.globalEval()
jQuery.grep()
jQuery.inArray()
jQuery.isArray()
jQuery.isEmptyObject()
jQuery.isFunction()
jQuery.isPlainObjcxt()
jQuery.makeArray()
jQuery.map()
jQuery.merge()
jQuery.parseJSON()
jQuery.proxy()
jQuery.trim()

jQuery.browserプロパティ
jQuery.supportプロパティ

参考書籍:

オライリー JavaScript 第6版