Categories
Programming/javascript

jQuery 學習程式

jQuery 的 slogon —> “jQuery: The Write Less, Do More, JavaScript Library”

…….

先隱藏
<div id=’class_div’ style=”display:none”>Hello world</div>
<div id=’class_div_2′>Hello world</div>

用 jquery 打開
$(“#class_div”).show();


http://www.w3.org/TR/CSS2/images/boxdim.gif

jQuery 牛刀小試 1 – 把 Mbloglog 的外框去掉
先用一個 名為 whovisited 的 div 把 mybloglog 的code 包起來 , 等 document ready 後執行一連串的 hide , 這些 id 是用 firebug 查出來的 , 然後該藏的都藏好後, 再把  div id 是 whovisited 打開, 這樣就行了.

[code language=’js’]

$(document).ready(function() {
$(‘#mbl_widget_footer’).hide();
$(‘#mbl_widget_s_l’).hide();
$(‘#mbl_widget_s_m’).hide();
$(‘#mbl_widget_s_r’).hide();
$(‘#mbl_widget_actions’).hide();
$(‘#mbl_widget_title’).hide();
$(‘#whovisited’).show();
});

[/code]

如下圖:

進階改法: 把每個 icon 選出來, 再組合起來, 這樣好處是比較能控制每個 icon .