jqueryとは (ジェイクエリーとは) [単語記事]

jquery（ジェイクエリー）とは、プログラムが苦手なデザイナーさんたちの救世主、もといJavaScript ライブラリの一種である。

モットーは、「少ない記述で、もっと多くのことをする」

概要

jQueryの最大の特長は、短いコードで、しかも直感的にプログラムを書けることである。その方法はプログラムより日常会話の言語に近く、〇〇が△△した時、××せよ、という風に書くことができる。

たとえば、idがd1という値を持つ要素divに対し、クリックした時に、背景色を赤色に変えたい場合、このように記述する。

$('#d1').on('click',function(){

$(this).css({'b ackground-color':'#f00'})

});

詳しい説明は省略するとして、$('#d1')がclickされたとき、CSSでback ground-colrを#f00(赤)にしなさいという意味である。このように主語、述語、目的語がはっきりしているので、非常に解りやすい。

また、JavaScriptだとループ文などを使わないといけない面倒なケースも、jQueryなら一発で記述できたりする。例として、idがc1tという値を持つチェックボックスで最初から値が選択されている場合である。

$('#c1').prop('checked',true);

これだけで済む。

他には、プルダウンメニューの中から一つ値を選択した時、その値を出力したい場合はこのような記述ができる。

$('select').find('option').each(function (){
$(this).on('change',func tion(){
console.log($(this).val());
});

尤も、これで全くJavaScriptの知識が不要になるわけではなく、あくまで延長線上にあるライブラリなので、JavaScriptの知識は持っておくべきである。

Ajax実行

また、jQueryの魅力は、それまでprototype JSなどのライブラリを必要としていたAjax ルーチン実行において、簡潔なコードで実行できるようになったことも大きく、これがプログラマーからもjQueryが重宝されている理由である。受けとった値が複数の場合は、JSON形式が主流になってきているが、テキスト化し、それをデリミタで分割する方法もある。