最近のwebサイトはコンテンツのアニメーション、ajaxのようにjavascriptを使用する場面が多々あります。またデザインが複雑な場合、cssでは対応できないような場合があります。
そこでお世話になっているのが、javascriptライブラリ『jquery』。

等の理由で人気のライブラリですが、ホントに便利です。

<p class="text">サンプルテキスト</p>

$(".text").css("color","#ff0000");

$(".text").css({
	color: "#ff0000",
	marginleft: "20px"});

$(".text").addclass("color");

といった具合に簡単に操作できます。
記述が簡単になる理由の一つにcssセレクタによるdomエレメントの選択があります。
$("selector")のselectorの部分にcssのセレクタを記述するだけでdomエレメントを選択できます。
また、css3のセレクタや独自のセレクタもあり効率的・直感的です。

選択だけでなく操作系の関数も充実していますのでネイティブのJavaScriptではホワイトスペースノード等のブラウザ非互換の問題があってDOMツリーの操作だけでも骨を折っていた事が容易に実現できます。例えば、

$(".text").next().css("color","#FF0000");

$(".text").next().text("sample text");

$(".text")
	.next()
		.css("color","#FF0000")
		.text("sample text")
		.addClass("color")
	.end()
	.addClass("color")
	.fadeOut("slow");

プラグインとして独自に機能を追加することも、豊富なプラグインを利用することも可能です。
他にもエフェクト・イベント・Ajax...と機能盛りだくさんなjQuery。ネイティブのJavaScriptで全てのブラウザに気を使いながら記述していくなんて考えられなくなります。
そこで、弊社では自作の汎用プラグインを活用し効率化しています。
例えば...

などなど...。今後もjQueryプラグインを充実させて更なる効率化を図りたいと思っています。