myExtraContent1
myExtraContent2

 
HTMLの属性を変更/取得
「なに」を「どうする」のどうするのところ
属性の値を設定する .attrメソッド
$('img').attr('title', 'ロゴ画像');
img要素に title="ロゴ画像" を追加する。 結果:<img src="../images/html5_logo.jpg" title="ロゴ画像" /> となる。
複数設定する事も出来る:
$('#html').attr({ src: '../images/html5_logo.jpg', alt: 'ロゴ',width: '80',height: '30',title: 'ロゴ画像',}); { }で囲むこと。

属性値を取得する .attrメソッド
window.alert($('img').attr('title'));
下が適用する要素でtitleの値(HTML5基礎)を取得する。この場合は複数のimg要素があっても最初の要素しか取得できない。
img src="../images/html5_logo.jpg" title="HTML5基礎" />

属性を削除する .removeAttrメソッド
$('#cz').removeAttr('href');
設定されている属性を削除する、引数()の中は削除する名前を入れる。下の赤の部分が削除される。
a id ="cz" href="http://codezine.jp/"CodeZine/a

高さ、巾を取得/設定する .height/.widthメソッド
$('img.new').height(45);
$('img.new').width(120);

heightの引数(45)とwidth(120)を設定する。。下の赤の部分が追加される。
結果:<img src="../images/html5_logo.jpg" class="new" style="height: 45px; width: 120px; "

この他にもinnerHeightinnerWidth  outerHeightouterWidth がある。


myExtraContent3