jQueryの「$」やセレクタなどをサポート、jQueryの代替として利用できる超軽量スクリプト -Selector

jQueryは確かに便利ですが、すべての機能が必要かと言われれば、そうではない人が多いと思います。

「$」やセレクタなど、jQueryの機能をサポートしたjQueryの代替として利用できる超軽量スクリプトを紹介します。

サイトのキャプチャ

Selector -GitHub

最新のjQueryのファイルサイズは、下記の通り。

jquery-3.2.1.js
270 KB
jquery-3.2.1.min.js
90 KB

そして、Selectorのファイルサイズは、1/4以下!

selector.js
65 KB
selector.min.js
17 KB

もちろん、jQueryの機能すべてが利用できるのではなく、オブジェクトやセレクタや関数に限られています。

サポートされているjQueryの機能

サポートされているjQueryオブジェクト

  • $

サポートされているjQueryセレクタ

  • add
  • addClass
  • after
  • animate (requires Velocity.js)
  • append
  • attr
  • before
  • children
  • closest
  • css
  • each
  • empty
  • eq
  • filter
  • find
  • first
  • get
  • has
  • hasClass
  • height
  • hide
  • html
  • index
  • innerHeight
  • innerWidth
  • is
  • last
  • map
  • next
  • not
  • off
  • offset
  • offsetParent
  • on
  • one
  • outerHeight
  • outerWidth
  • parent
  • parents
  • position
  • prepend
  • prev
  • prop
  • ready
  • remove
  • removeAttr
  • removeClass
  • removeProp
  • serialize
  • show
  • siblings
  • slice
  • stop (requires Velocity.js)
  • toggle
  • toggleClass
  • val
  • width

サポートされているjQuery関数

  • $.ajax
  • $.extend

サポートされていないjQuery機能

  • jQuery object
  • All jQuery plugins
  • jQuery UI
  • jQuery.fx
  • Deprecated functions

デモページが用意されており、実際に動作を確認できます。

サイトのキャプチャ

デモページ

sponsors

top of page

©2024 coliss