WordPressの記事内でJavaScriptを動かす2 – jQuery

JavaScript コンピュータ
JavaScript

WordPressの記事のHTMLソースを眺めていたら、jquery.min.jsを読み込んでいる記述がありました。
jQueryを使うとJavaScriptのブラウザの違いを吸収してくれるのでWeb上で公開しているページでJavaScriptを使う場合必須といってよいライブラリだと思います。

前回記事と同じ内容をjQueryで置きなおしてみます。


前回のJavaScriptのソース

function myFunc(){
    document.getElementById("msgbox").value = "Hello World";
}

window.onload = function() {
    document.getElementById("go1").onclick = myFunc;
}

今回のJavaScriptのソース(jQuery)

$(function(){
    $("#go1").click(function(){
        $("#msgbox").val("Hello World");
    });
});

無名関数と括弧が多いのはJavaScriptだから仕方がないですがjQueryを使うとJavaScriptよりシンプルになります。
まるでJavaScriptを洗練した別な言語の様にも見えます。
言語としてJavaScriptを学習しようと考えていましたが、Webで公開することを考えるとjQueryを学ぶ方が現実的だと感じました。

コメント