jquery怎么獲取元素距離屏幕的位置

$(window).height();//是文檔窗口高度

創(chuàng)新互聯(lián)公司專注于巴楚網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供巴楚營銷型網(wǎng)站建設(shè)，巴楚網(wǎng)站制作、巴楚網(wǎng)頁設(shè)計(jì)、巴楚網(wǎng)站官網(wǎng)定制、重慶小程序開發(fā)服務(wù)，打造巴楚網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供巴楚網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

$("div").offset().top//是標(biāo)簽距離頂部高度（沒有到下面的距離，比如$("div").offset().down）

$("div").offset().left//是標(biāo)簽距離右邊高度（沒有到下面的距離，比如$("div").offset().right）

$(document).scrollTop();//是滾動(dòng)條高度

$("div").height();//是標(biāo)簽高度

你要的高度+$("div").height()+[$("div").offset().top-$(document).scrollTop()]=$(window).height();

經(jīng)過簡單的數(shù)學(xué)變換即可得到你要的值了

獲取頁面某一元素的絕對(duì)X,Y坐標(biāo)，可以用offset()：

var X = $(‘#DivID’).offset().top;

var Y = $(‘#DivID’).offset().left;

獲取相對(duì)(父元素)位置:

var X = $(‘#DivID’).position().top;

var Y = $(‘#DivID’).position().left;

通過getBoundingClientRect方法獲取對(duì)象位置，包含： left , top , right , bottom 4個(gè)參數(shù)值。

如何使用jQuery將元素移動(dòng)到另一個(gè)元素中？

想要使用jQuery將元素移動(dòng)到另一個(gè)元素中，可以使用jQuery的內(nèi)置方法append()或prepend()。下面本篇文章就來給大家介紹一下，希望對(duì)大家有所幫助。

方法1：使用append()方法

jQuery的append()方法用于在所選元素的末尾插入一些內(nèi)容。

語法：

參數(shù)： 此方法接受上述兩個(gè)參數(shù)

●　content：它是必需參數(shù)，用于指定要在所選元素末尾插入的內(nèi)容。content的可能值是HTML元素，jQuery對(duì)象和DOM元素。

●　function（index，html）：它是可選參數(shù)，用于指定將返回要插入的內(nèi)容的函數(shù)。

●　index：用于返回元素的索引位置。

●　html：用于返回所選元素的當(dāng)前HTML。

示例：

效果圖：

方法2：使用prepend()方法

prepend()方法是jQuery中的內(nèi)置方法，用于在所選元素的開頭插入指定的內(nèi)容。

語法：

參數(shù)： 此方法接受上述兩個(gè)參數(shù)

●　content：需要參數(shù)，用于指定需要插入的內(nèi)容。

●　function：可選參數(shù)，用于指定調(diào)用后執(zhí)行的函數(shù)。

示例：

效果圖：

更多 前端開發(fā) 知識(shí)，請(qǐng)查閱 HTML中文網(wǎng) ?。?/p>

關(guān)于jquery獲得元素絕對(duì)位置的問題，定位問題

原因很不好判定，這種方式定位出現(xiàn)錯(cuò)誤的原因挺多的，要考慮css和html的具體寫法，有時(shí)候某些不標(biāo)準(zhǔn)的寫法會(huì)造成jQuery的定位數(shù)據(jù)不準(zhǔn)確。

建議換個(gè)方式，例如每個(gè)tr中第一列放置一個(gè)th/th，后面是td，然后你的紅框放到th里面，這樣計(jì)算量就小多了，而且顯示的也快一點(diǎn)。

jQuery簡單獲取DIV和A標(biāo)簽元素位置的方法

本文實(shí)例講述了jQuery簡單獲取DIV和A標(biāo)簽元素位置的方法。分享給大家供大家參考，具體如下：

一、獲取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});

//設(shè)置DIV的css屬性

二、獲取A標(biāo)簽的位置

a

href=""

rel="external

nofollow"

onclick="javascript:get_a(this,1)"獲取A標(biāo)簽的位置/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

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery頁面元素操作技巧匯總》、《jquery選擇器用法總結(jié)》、《jQuery表單操作總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery擴(kuò)展技巧總結(jié)》及《jQuery常見經(jīng)典特效匯總》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。