$() / 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'); });