Google AJAX Libraries API

ここのページのjQueryはGoogle AJAX Libraries APIを利用しています。

利用するためのソースコード

<script src="http://www.google.com/jsapi"
 type="text/javascript"></script>
<script type="text/javascript">
    google.load("jquery", "1.2.6");
</script>

もしくは直接読み込む

<script
 src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"
 type="text/javascript"></script>

どちらでもよい。今回は上の方を利用。

おまけ：今回のサンプルソース

Script

<script type="text/javascript">
    $(document).ready(function(){
        $(document).ready(function(){
            $("div#searchcontrol").text("ここをクリックしたり")
                .css("background-color","#cccccc")
                .css("display","inline");
        });
        $("div#searchcontrol").click(function(){
            $(this).text("ラジバンダリ")
            .css("color","#ffffff")
            .css("font-weight","bolder")
            .css("background-color","#ff0000");
        });
    });
</script>

HTML

<div id="searchcontrol">JavaScriptが有効になっていません</div>