Sample

$() / HTML 文字列とプロパティ情報を表すオブジェクト・リテラルで要素を生成

$('#create_image').click(function(){
    $('<img />',  //HTML 文字列
    //オブジェクト・リテラル
    {
        src: '../slider/images/photos/P1000812.jpg',
        alt: 'オアハカの街の夕方',
        // スタイルを定義
        css: {
            'border': 'solid 2px #CCC',
            'cursor': 'pointer'
        },
        // イベントに対応するリスナを追加
        mouseover: function() {
            $(this).animate({opacity: 0.5});
        },
        mouseout: function() {
            $(this).animate({opacity: 1});
        },
        click: function() {
            window.alert($(this).attr('alt'));
        } 
    }
  ).appendTo('#photo');	
});

リセット

生成