想要使用jQuery將元素移動到另一個元素中，可以使用jQuery的內(nèi)置方法append()或prepend()。下面本篇文章就來給大家介紹一下，希望對大家有所幫助。
創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設、高性價比海北州網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式海北州網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設找我們，業(yè)務覆蓋海北州地區(qū)。費用合理售后完善，十余年實體公司更值得信賴。
方法1：使用append()方法
jQuery的append()方法用于在所選元素的末尾插入一些內(nèi)容。
語法：
參數(shù)： 此方法接受上述兩個參數(shù)
● content：它是必需參數(shù)，用于指定要在所選元素末尾插入的內(nèi)容。content的可能值是HTML元素，jQuery對象和DOM元素。
● function（index，html）：它是可選參數(shù)，用于指定將返回要插入的內(nèi)容的函數(shù)。
● index：用于返回元素的索引位置。
● html：用于返回所選元素的當前HTML。
示例：
效果圖：
方法2：使用prepend()方法
prepend()方法是jQuery中的內(nèi)置方法，用于在所選元素的開頭插入指定的內(nèi)容。
語法：
參數(shù)： 此方法接受上述兩個參數(shù)
● content：需要參數(shù)，用于指定需要插入的內(nèi)容。
● function：可選參數(shù)，用于指定調(diào)用后執(zhí)行的函數(shù)。
示例：
效果圖：
更多 前端開發(fā) 知識，請查閱 HTML中文網(wǎng) ?。?/p>
$(window).height();//是文檔窗口高度
$("div").offset().top//是標簽距離頂部高度（沒有到下面的距離，比如$("div").offset().down）
$("div").offset().left//是標簽距離右邊高度（沒有到下面的距離，比如$("div").offset().right）
$(document).scrollTop();//是滾動條高度
$("div").height();//是標簽高度
你要的高度+$("div").height()+[$("div").offset().top-$(document).scrollTop()]=$(window).height();
經(jīng)過簡單的數(shù)學變換即可得到你要的值了
獲取頁面某一元素的絕對X,Y坐標，可以用offset()：
var X = $(‘#DivID’).offset().top;
var Y = $(‘#DivID’).offset().left;
獲取相對(父元素)位置:
var X = $(‘#DivID’).position().top;
var Y = $(‘#DivID’).position().left;
通過getBoundingClientRect方法獲取對象位置，包含： left , top , right , bottom 4個參數(shù)值。
非IE6的話可以用CSS樣式固定position:fixed;
或者scroll事件
$(element).css("left",$(this).scrollLeft()+某個位置的X坐標);
$(element).css("top",$(this).scrollTop()+某個位置的y坐標);
如需要動畫效果則
$(element).stop().animate({left:$(this).scrollLeft()+某個位置的X坐標},500);
$(element).stop().animate({top:$(this).scrollTop()+某個位置的y坐標},500);
$("#onlyfix").css("left",$("#div1").width()+25);?
$(window).resize(function(){
$("#onlyfix").css("left",$("#div1").width()+25);?
});???
$(window).resize();
$(window).resize();時再執(zhí)行一下
原因很不好判定，這種方式定位出現(xiàn)錯誤的原因挺多的，要考慮css和html的具體寫法，有時候某些不標準的寫法會造成jQuery的定位數(shù)據(jù)不準確。
建議換個方式，例如每個tr中第一列放置一個th/th，后面是td，然后你的紅框放到th里面，這樣計算量就小多了，而且顯示的也快一點。
本文實例講述了jQuery簡單獲取DIV和A標簽元素位置的方法。分享給大家供大家參考，具體如下：
一、獲取DIV的位置
var
top
=
jquery("#div_id").offset().top;
//獲取div的居上位置
var
left
=
jquery("#div_id").offset().left;
//獲取div的居左位置
var
height
=
jquery("#div_id").height();
//獲取div的高度
var
width
=
jquery("#div_id").width();
//獲取div的寬度
jquery("#div_id").css({'top':top,'left':left,'height':height,'width':width});
//設置DIV的css屬性
二、獲取A標簽的位置
a
href=""
rel="external
nofollow"
onclick="javascript:get_a(this,1)"獲取A標簽的位置/a
script
language="javascript"
function
get_a(thisObj,param){
var
top
=
jquery(thisObj).offset().top;
var
left
=
jquery(thisObj).offset().left;
var
height
=
jquery(thisObj).height();
var
width
=
jquery(thisObj).width();
}
/script
更多關于jQuery相關內(nèi)容感興趣的讀者可查看本站專題：《jQuery頁面元素操作技巧匯總》、《jquery選擇器用法總結》、《jQuery表單操作總結》、《jQuery常用插件及用法總結》、《jQuery表格(table)操作技巧匯總》、《jQuery擴展技巧總結》及《jQuery常見經(jīng)典特效匯總》
希望本文所述對大家jQuery程序設計有所幫助。
重慶分公司
重慶分公司
