2020年1月22日 星期三

jQuery指令集

toggle();
- 如果元素是最初顯示,它會被隱藏
- 如果隱藏的,它會顯示出來
提供參數:.toggle( [duration ] [, complete ] )
[範例]
    $(document).ready(function () {
        $(".close").click(function () {
            $(".service").fadeToggle();
        });
    });

fadeOut(); fadeIn();
-fadeOut()函數用於隱藏所有匹配的元素,並帶有淡出的過渡動畫效果
-fadeIn()函數用於顯示所有匹配的元素,並帶有淡入的過渡動畫效果
.提供參數:fadeOut( [duration ], [ complete ] )
[範例]
$("p").fadeOut(2000, function() {
alert("隱藏完畢!");
});


Css(); animate();

$("#p").css({left:fx ,top:fy});
//物件做定位
$("#p").animate({left:tx ,top:ty}
//以動畫模式移動到 tx , ty

offset();
$("#p").offset().left
//取出物件的x座標 (無px)
$("#p").offset().top
//取出物件的y座標(無px)

val();
$("#p").val();
//取出物件的值 (text)
$("#p").val("xxx");
//將xxx寫入物件

show(); hide(); fadeTo();
$("#p").show();
//將物件顯示
$("#p").hide();
//將物件隱藏
$("#p").fadeTo(100,0.5);
//將物件以動畫模式設定透明度 (淡入淡出效果)

if ($("#use_item_id").length==0){    //判斷元素不存在
postContent('item_script_box', '' , 'script.php?mode=1&item_id='+id);
}

來源:
1.https://www.itread01.com/content/1494693560.html (jQuery動畫篇)
2.https://ithelp.ithome.com.tw/articles/10095237 (選擇器)

沒有留言:

張貼留言