JQ 获取TD单元格位置

楼主代码如下，请参考

$(function(){

$("#9 td")each(function(n){

$(this)click(function(){

alert(n);

})

})

})

复制代码

代码如下:

$request

=

(function

()

{

var

apiMap

=

{};

function

request(queryStr)

{

var

api

=

{};

if

(apiMap[queryStr])

{

return

apiMap[queryStr];

}

apiqueryString

=

(function

()

{

var

urlParams

=

{};

var

e,

d

=

function

(s)

{

return

decodeURIComponent(sreplace(/\+/g,

"

"));

},

q

=

queryStrsubstring(queryStrindexOf('')

+

1),

r

=

/([^&=]+)=([^&])/g;

while

(e

=

rexec(q))

urlParams[d(e[1])]

=

d(e[2]);

return

urlParams;

})();

apigetUrl

=

function

()

{

var

url

=

queryStrsubstring(0,

queryStrindexOf('')

+

1);

for

(var

p

in

apiqueryString)

{

url

+=

p

+

'='

+

apiqueryString[p]

+

"&";

}

if

(urllastIndexOf('&')

==

urllength

-

1)

{

return

urlsubstring(0,

urllastIndexOf('&'));

}

return

url;

}

apiMap[queryStr]

=

api;

return

api;

}

$extend(request,

request(windowlocationhref));

return

request;

})();

接下来简介绍一下插件的用法。

我们可以通过

$requestqueryString["key"]

就能获取到地址栏上面key参数。

大多数情况下我用这个插件来读取一些配置信息。

我们有时候会在

html

标签中加入一些其他的非HTML属性来作为标志信息，比如我们有时候会写<a

id="demo"

href="javascript:;"

config="title=hello&auto=true&">Demo</a>

这样子我们通过

var

config

=

$request($("#demo")attr("config"))queryString;

var

title

=

configtitle;

很方便就能读取a上面的配置信息，而且我们不需要给a

添加太多其他的非Html属性。

jquery获取当前元素的坐标

1，获取对象

var obj = $("#id号"); 或 var obj = $(this);

实例中我获取的对象是d出窗口按钮，这样创建的新窗口就会根椐按钮的位置进行调整，实例中将创建的新窗口显示的按钮的右下角。

2，获取对象元素的位置(offset()方法)

var offset = objoffset();

获取对象元素的位置，分别是元素的top和left，调用方法是：offsetleft和offsettop，可知当前对象的左部和顶部位置。

3，获取对象元素的宽度(width()方法)

var right = offsetleft+objwidth();

实例中是获取对象的右下角位置，创建新窗口的左部位置。

4，获取对象元素的高度(height()方法)

var down = offsettop+objheight();

实例中是获取对象的右下角位置，创建新窗口的顶部位置。

<div class="test">

    <img src="testjpg"/>

</div>$(function(){

  var url = $('test img')attr("src");

  alert(url);

});

jQuery的attr属性可以返回元素属性，如上代码所示

attr(name|preperties|key,value|fn)详解

参数

name :属性名称

properties:作为属性的"名/值对"对象

key,value：属性名称

fn:调用函数

你可以根据input标签来获取输入的内容，然后对于内容的话，你需要把它转换成jquery对象，才能获取到它的标题和img

比如：

var url = $("input")val();

$(url)attr("title");

$(url)attr("img");

以上就是关于JQ 获取TD单元格位置全部的内容，包括:JQ 获取TD单元格位置、jQuery获取地址栏参数插件(模仿C#)、用jquery如何实时获取对象的坐标等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！