トップページ > コンテンツ > プログラミング入門 > Ajax入門 > JavaScript入門 > ライブラリとか

記述が容易になるライブラリのjQueryについて見てみよう。
完璧イコールではないが、同じような動作となる。

javascriptのノーマル記述	jQuery上の記述(versionにより記述方法が異なるので注意)
document.getElementById("test")	$("#test")[0];または$("#test").get(0); ※$("#test")だとjQueryのオブジェクトで、Elementのオブジェクトでないことは注意。
document.addEventListener("DOMContentLoaded",関数)	$(document).ready(関数);または$(function(){});
document.getElementById("test").value	$("#test").val()
document.getElementById("test").value="sample"; document.getElementById("test").innerHTML="sample";	$("#test").val("sample"); $("#test").html("sample");
document.getElementsByClassName("test")	$(".test")
document.getElementById("test").onclick = function(){};	$("#test").click(function(){});
document.getElementById("test").style.display = "none";	$("#test").hide()
document.getElementById("test").style.backgroundColor="#FF0000";	$("#test").css("background-color","#ff0000");
var input_elm = document.createElement("input"); input_elm.setAttribute("type","text"); document.getElementById("sample").appendChild(input_elm);	var input_elm = $("<input>").attr("type","text"); $("#sample").append(input_elm);
document.getElementById("test").addEventListener("click", function(){}, false);	$("#test").bind("click",function(){}); 1.7.1以降ではon等。尚、jQueryでjavascript記述と同じeventオブジェクトを扱うには、event.originalEventとする必要有。
fireEventやdispatchEvent	$("#test").trigger(event名,[イベント呼び出し先で使いたい引数1,引数2]);
var opacityValue = 1; var changeRate = 0.1; function test() { if(opacityValue >= 0) { opacityValue = opacityValue - changeRate; document.getElementById("test").style.opacity = opacityValue; setTimeout("test()",100); } }	$("#test").fadeOut();