jQuery中的left屬性是CSS屬性的一個(gè)衍生。left屬性在CSS中常常用于設(shè)置相對父元素的水平方向偏移量。在jQuery中,通過設(shè)置left屬性可以實(shí)現(xiàn)動(dòng)畫效果的移動(dòng)、滑動(dòng)等。
//通過left屬性實(shí)現(xiàn)滑動(dòng)效果 $("#box").animate({left: '+200px'}, 'slow');
在上面的代碼中,我們通過設(shè)置animate方法,將#box元素的left屬性從當(dāng)前位置移動(dòng)到向右200px的位置。其中,'slow'表示動(dòng)畫執(zhí)行速度為緩慢。
//通過left屬性控制元素位置 $("#box").css("left", "100px");
除了動(dòng)畫效果,我們還可以使用css方法直接設(shè)置元素的left屬性,實(shí)現(xiàn)控制元素位置的效果。在上面的代碼中,我們將#box元素的left屬性設(shè)置為100px。
通過left屬性,我們可以輕松地實(shí)現(xiàn)元素的移動(dòng)和位置控制。但是要注意,left屬性的設(shè)置需要相對定位或絕對定位的元素才能生效。