jquery獲得頁(yè)面元素的坐標(biāo)值實(shí)現(xiàn)思路及代碼
更新時(shí)間：2013年04月15日 14:54:01 作者：
獲得頁(yè)面元素的坐標(biāo)值也是一項(xiàng)比較實(shí)用的功能，接下來(lái)為大家詳細(xì)介紹下如何實(shí)現(xiàn)，yulutxt是輸入經(jīng)典語(yǔ)錄的輸入框feedBackMessage函數(shù)為執(zhí)行
jquery如何獲得頁(yè)面元素的坐標(biāo)值 yulutxt是輸入經(jīng)典語(yǔ)錄的輸入框，feedBackMessage函數(shù)見(jiàn)http://www.wesoho.com/article/asp/2765.htm
var p = $("#yulutxt");
var yuluoffset = p.offset();
feedBackMessage(msg,yuluoffset.left+p.width()+10,yuluoffset.top,5000);
-------------------
1，獲取對(duì)象(自定義調(diào)整打開(kāi)新窗口參照元素)
var obj = $("#oButton");
實(shí)例中我獲取的對(duì)象是彈出窗口按鈕，這樣創(chuàng)建的新窗口就會(huì)根椐按鈕的位置進(jìn)行調(diào)整，實(shí)例中將創(chuàng)建的新窗口顯示的按鈕的右下角。
2，獲取對(duì)象元素的位置(offset()方法)
var offset = obj.offset();
獲取對(duì)象元素的位置，分別是元素的top和left，調(diào)用方法是：offset.left和offset.top，可知當(dāng)前對(duì)象的左部和頂部位置。
3，獲取對(duì)象元素的寬度(width()方法)
var right = offset.left+obj.width();
實(shí)例中是獲取對(duì)象的右下角位置，創(chuàng)建新窗口的左部位置。
4，獲取對(duì)象元素的高度(height()方法)
var down = offset.top+obj.height();
實(shí)例中是獲取對(duì)象的右下角位置，創(chuàng)建新窗口的頂部位置
復(fù)制代碼 代碼如下:
var p = $("#yulutxt");
var yuluoffset = p.offset();
feedBackMessage(msg,yuluoffset.left+p.width()+10,yuluoffset.top,5000);
-------------------
1，獲取對(duì)象(自定義調(diào)整打開(kāi)新窗口參照元素)
var obj = $("#oButton");
實(shí)例中我獲取的對(duì)象是彈出窗口按鈕，這樣創(chuàng)建的新窗口就會(huì)根椐按鈕的位置進(jìn)行調(diào)整，實(shí)例中將創(chuàng)建的新窗口顯示的按鈕的右下角。
2，獲取對(duì)象元素的位置(offset()方法)
var offset = obj.offset();
獲取對(duì)象元素的位置，分別是元素的top和left，調(diào)用方法是：offset.left和offset.top，可知當(dāng)前對(duì)象的左部和頂部位置。
3，獲取對(duì)象元素的寬度(width()方法)
var right = offset.left+obj.width();
實(shí)例中是獲取對(duì)象的右下角位置，創(chuàng)建新窗口的左部位置。
4，獲取對(duì)象元素的高度(height()方法)
var down = offset.top+obj.height();
實(shí)例中是獲取對(duì)象的右下角位置，創(chuàng)建新窗口的頂部位置
您可能感興趣的文章:
- jQuery 判斷頁(yè)面元素是否存在的代碼
- JQuery顯示隱藏頁(yè)面元素的方法總結(jié)
- jQuery獲得頁(yè)面元素的絕對(duì)/相對(duì)位置即絕對(duì)X,Y坐標(biāo)
- JQuery 簡(jiǎn)便實(shí)現(xiàn)頁(yè)面元素?cái)?shù)據(jù)驗(yàn)證功能
- jQuery獲取頁(yè)面元素絕對(duì)與相對(duì)位置的方法
- jQuery頁(yè)面元素動(dòng)態(tài)添加后綁定事件丟失方法,非 live
- jQuery實(shí)現(xiàn)動(dòng)態(tài)控制頁(yè)面元素的方法分析
- jQuery使用之處理頁(yè)面元素用法實(shí)例
- jquery 查找iframe父級(jí)頁(yè)面元素的實(shí)現(xiàn)代碼
- jQuery實(shí)現(xiàn)鎖定頁(yè)面元素(表格列)
相關(guān)文章
由于在園子里還沒(méi)發(fā)現(xiàn)這方面的文章，所以就來(lái)簡(jiǎn)單地介紹一下，本文只是簡(jiǎn)單的歸納介紹，不是完整的翻譯，全文請(qǐng)參考原文2012-08-08
$.each是一個(gè)通用的迭代函數(shù)，可用于近似地迭代 對(duì)象和數(shù)組，這個(gè)函數(shù)與$().each是專用用于迭代和執(zhí)行jquery對(duì)象函數(shù)2014-03-03
jQuery擴(kuò)展方法實(shí)現(xiàn)Form表單與Json互相轉(zhuǎn)換的實(shí)例代碼
本文通過(guò)實(shí)例代碼給大家介紹了jQuery擴(kuò)展方法實(shí)現(xiàn)Form表單與Json互相轉(zhuǎn)換的相關(guān)知識(shí)，并給大家介紹了jquery兩種擴(kuò)展方法,需要的朋友可以參考下2018-09-09
這篇文章主要介紹了jQuery獲取瀏覽器類型和版本號(hào)的方法 的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
jquery修改屬性值實(shí)例代碼(設(shè)置屬性值)
jQuery attr()方法用于設(shè)置/改變屬性值，下面的例子演示如何改變（設(shè)置）鏈接中 href 屬性的值2014-01-01
jQuery+Datatables實(shí)現(xiàn)表格批量刪除功能【推薦】
這篇文章主要介紹了jQuery+Datatables實(shí)現(xiàn)表格批量刪除功能，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-10-10
基于jQuery實(shí)現(xiàn)響應(yīng)式圓形圖片輪播特效
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)響應(yīng)式圓形圖片輪播特效，mislider插件可以將圖片以圓形圖片顯示，然后使圖片無(wú)限循環(huán)形成輪播圖或旋轉(zhuǎn)木馬特效，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了 jQuery自定義插件詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-12-12
隨著DOM結(jié)構(gòu)的復(fù)雜化和Ajax等動(dòng)態(tài)腳本技術(shù)的運(yùn)用，事件委托自然浮出了水面2011-11-11
很多網(wǎng)站的首頁(yè)都有廣告輪播，今天閑來(lái)看了一網(wǎng)站的首頁(yè)廣告輪播方式，是通過(guò) jQuery的blockSlide插件實(shí)現(xiàn)的，然后自己測(cè)試了一下，很好。2010-11-11