jQuery中的a relative是一種操作屬性的方法,它可以獲取或設置元素相對于當前位置的屬性值。
//獲取元素相對于當前位置的屬性值 var position = $('div').position(); //設置元素相對于當前位置的屬性值 $('div').css({ position: 'relative', left: '50px' });
a relative的特點是可以在不影響元素其他屬性的前提下,相對于當前位置進行移動。比如可以通過left和top屬性來控制元素沿著水平和豎直方向分別向右和向下移動一定的距離。
//向右移動50px $('div').css('left', '+=50px'); //向下移動50px $('div').css('top', '+=50px');
使用a relative要注意的是,元素的定位方式必須為absolute、fixed或relative,否則不起作用。
//設置元素為相對定位,并向右移動50px $('div').css({ position: 'relative', left: '50px' }); //設置元素為靜態定位,即使設置left屬性也不起作用 $('div').css({ position: 'static', left: '50px' });
總之,a relative是一種常用的元素位置操作方式,它可以靈活地控制元素的位置和偏移,為網頁布局和交互效果提供了許多便利。
上一篇如何用css3定義動畫