LastUpdate: 2019/06/05 23:45:48

戻る

20091006_テキストノード
20091013_elementを取得
20091013_プラグインを作ってみよう

20091006 テキストノード

$("〜").text();

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-31j">
<title>jQueryTest</title>
<script type="text/javascript" src="lib/jquery/jquery-1.3.2.min.js"></script>

<script>
    function testfunc(){
        var v =   $("#data1").text();
        alert(v);
    }
</script>
</head>
<body>
<input type="button" value="push" onclick="testfunc()">

<div id="data1">abcde</div>

</body>
</html>

abcde が アラートされる

テキスト内容を変更したいとき

        $("#data1").text(12345);
abcde

20091013 elementを取得

$(〜).get(0)  ゼロがポイント

20091013 プラグインを作ってみよう

プラグインのテンプレート

(function() { 
    jQuery.fn.myFuntion = function(p){

        // 省略値引数
        p = jQuery.extend({
                aaa: "hoho",
                bbb: "gege"
            },p);

        // プラグイン内のthis $(〜) で指定されたオブジェクト 
       this.append("<div>p.aaa + p.bbb</div>";
    };
})(jQuery);
なんか作ってみた  自分でやってみよう ←ツールチップっぽいやつを作ってみたときのプロト

参考
http://www.goodpic.com/mt/archives2/2007/11/jquery.html

戻る