2018年10月8日 星期一

六角學院-jQuery筆記(1)


JS有各瀏覽器間相容性的問題
jQuery幫你處理掉這問題了

可連到jQuery去測試看看jQury的用法
https://jquery.com/

在他們官網打開開發人員工具,就可直接使用$( )來選取HTML元素

這是因為官網有載入jQuery library







(‘a’).hide() 是設定style = “display:none ;” 

相對應的是 .show()

設定為display: block 


幫link改成連到不同網址




$(‘a’).slideUp()  會把所有<a>都有一個往上捲動的消失效果
$(‘a’).slideUp(5500) 表示動畫效果會持續5.5秒

$(‘a’).slideDown()  會把所有<a>都有一個往下捲動的出現效果

$('a').fadeOut(2200) 淡出
$('a').fadeIn(2200)    淡入 




沒有留言:

張貼留言