jqueryの使い方　【書式編】

イベント発動のタイミング

htmlとかが読み終わったら発動

$(function() {
// 〜処理〜
});

↑

jQuery(document).ready(function() {
// 〜処理〜
});

これと同じ意味

画像も全部読み終わったら発動

$(window).on('load', function() {

});

値が無事取得できているか確認は、アラートを使うと簡単

var hoge= "この内容がアラートで表示されます";

alert(hoge);

直接
alert("この内容がアラートで表示");
でもOK

一連の処理を変数に代入

var hoge = $('#hoge').attr('href');

varが変数の宣言

クリックイベント

$('#target').on('click', function() {
       // ここに処理を書く
    });

これの前に、読み込みタイミング発動を入れておくとよい

$(function() {
    $('#target').on('click', function() {
       // ここに処理を書く
    });


    $('#target').click(); // 発火
});

<script>
$(function(){
$('body').css("border", "5px solid #ff0000");
});
</script>

WordPressで使う場合は＄をjqueryに

jQuery(function(){
jQuery('body').css("border", "5px solid #ff0000");
});

</script>