JQueryの基本構文まとめ_jquery

$(document).ready(function(){
alert("hello world");
});

$(document).ready(function(){
$("a").click(function(){
alert("hello world");
});
});

$(document).ready(function(){
var javascriptElement = document.getElementById("clickme");
// dom オブジェクトを jquery オブジェクトに変換します
var jqueryElement = $(javascriptElement);
//alert("javascript:" javascriptElement.innerHTML);//innerHTML はタグの内容を取得します
//alert("jquery:" jqueryElement.html());
//jquery を dom オブジェクトメソッド 1 に変換します
var jElement = $("#clickme");
var javascriptEle = jElement[0];
alert("jquery1: " javascriptEle.innerHTML);
//方法 2
var javascriptEle2 = jElement.get(0);
alert("jquery2: " javascriptEle2.innerHTML);
});

クリックしてください
<スクリプトタイプ="text/javascript">
//空の ID の問題を解決する従来の方法は 1 つです
If(document.getElementById("hello")) {
//hello が存在しない場合はエラーが発生します
document.getElementById("hello").style.color ="red";
}
//方法 2
//$("#hello")[0].style.color="red";
// jquery を使用して
を解決します $("#hello").css("色","赤");
//パラメータが 1 つしかない場合はこのメソッドが読み取られ、パラメータが 2 つある場合はいくつかの関数 (css (""), css ("", ""))
alert($("#hello").css("color"));

$("ドキュメント").ready(function(){
...
});

$().ready(function(){
...
});

$(関数(){
...
});