軽量級の移動フレーム--zepto.js
3072 ワード
Zeptoは軽量レベルのモバイルWebKitブラウザjavascriptモバイルエンドフレームワークをサポートし、フレームワークはjQuery構文をサポートし、このフレームワークの圧縮パッケージzepto.min.jsサイズは21 K、サーバー側gzipで圧縮したサイズは5~10 Kと非常に小さいと言えますが、機能はそろっており、タッチパネルのイベントが多く出ています.唯一サポートされていないのは万悪のIEですが、iPhoneやAndroidページの開発には絶対に第一選択です.
コアメソッド
$()
cssセレクタを実行してdomノードをパッケージしたり、要素を作成したり、htmlクリップからZeptoオブジェクトを作成したりします.
Zeptoコレクションは、$オブジェクト上の直接メソッド(
セレクタにcontentパラメータ(cssセレクタ、dom、またはZeptoコレクションオブジェクト)が存在する場合、cssセレクタは、与えられたノードの背景でのみ実行されます.この機能は
html文字列フラグメントを使用してdomノードを作成できます.アトリビュートマッピングのセットを指定することで、ノードを作成することもできます.最も速く作成されますが、要素は
関数が
jQuery CSS拡張はサポートされていませんが、選択可能なselectorモジュールには、既存のコードやプラグインと互換性のある一般的な擬似セレクタなどのサポートがあります.
コアメソッド
$()
$(selector, [context]) ⇒ collection
$(<Zepto collection>) ⇒ same collection
$(<DOM nodes>) ⇒ collection
$(htmlString) ⇒ collection
$(htmlString, attributes) ⇒ collection [v1.0]
Zepto(function($){ ... })
cssセレクタを実行してdomノードをパッケージしたり、要素を作成したり、htmlクリップからZeptoオブジェクトを作成したりします.
Zeptoコレクションは、$オブジェクト上の直接メソッド(
$.extend
など)を除いて、ドキュメントオブジェクト内のすべてのメソッドがコレクションメソッドであるチェーンメソッドを有する配列のようなオブジェクトです.セレクタにcontentパラメータ(cssセレクタ、dom、またはZeptoコレクションオブジェクト)が存在する場合、cssセレクタは、与えられたノードの背景でのみ実行されます.この機能は
$(context).find(selector)
に似ています.html文字列フラグメントを使用してdomノードを作成できます.アトリビュートマッピングのセットを指定することで、ノードを作成することもできます.最も速く作成されますが、要素は
<div>
または<div/>
の形式を使用します.関数が
DOMContentLoaded
イベントの処理フローに付加されるとき.ページのロードが完了すると、このメソッドはすぐに実行されます.$('div') //=> all DIV elements on the page $('#foo') //=> element with ID "foo" // create element: $("<p>Hello</p>") //=> the new P element // create element with attributes: $("<p />", { text:"Hello", id:"greeting", css:{color:'darkblue'} }) //=> <p id=greeting style="color:darkblue">Hello</p> // execute callback when the page is ready: Zepto(function($){ alert('Ready to Zepto!') })
jQuery CSS拡張はサポートされていませんが、選択可能なselectorモジュールには、既存のコードやプラグインと互換性のある一般的な擬似セレクタなどのサポートがあります.