你的代码没有全贴出来,这个不好说,$(this)css("left","100px");如果单单是这一句,他是会马上变成100px的,可能是你别的地方设置的原因吧,你试试把他换成这个thisstyleleft="100px";;如果还是滑动的,那就是别的代码问题了
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>MODEL PAGE</title>
<style type="text/css">
table {
border: 1px solid black;
border-collapse: collapse;
}
td,th {
border: 1px solid black;
}
</style>
<script type="text/javascript" src="jquery-180minjs"></script>
<script type="text/javascript">
$ (function ()
{
$ ("memu left p")click (function ()
{
var _index = $ (this)index ("memu left p");
$ ("right:eq(" + _index + ") selContent")toggle ();
});
});
</script>
</head>
<body>
<div class="memu">
<div class="content">
<div class="left">
<p>速递</p>
</div>
<div class="right">
<div class="selContent">11111</div>
<div class="selContent">22222</div>
</div>
</div>
</div>
<div class="memu">
<div class="content">
<div class="left">
<p>速递</p>
</div>
<div class="right">
<div class="selContent">11111</div>
<div class="selContent">22222</div>
</div>
</div>
</div>
</body>
</html>
原因很不好判定,这种方式定位出现错误的原因挺多的,要考虑css和html的具体写法,有时候某些不标准的写法会造成jQuery的定位数据不准确。
建议换个方式,例如每个<tr>中第一列放置一个<th></th>,后面是<td>,然后你的红框放到<th>里面,这样计算量就小多了,而且显示的也快一点。
query取得iframe中元素的几种方法
在iframe子页面获取父页面元素
代码如下:
$('#objId', parentdocument);
// 搞定
在父页面 获取iframe子页面的元素
代码如下:
$("#objid",documentframes('iframename')document)
$(documentgetElementById('iframeId')contentWindowdocumentbody)html()
显示iframe中body元素的内容。
$("#testId", documentframes("iframename")document)html();
根据iframename取得其中ID为"testId"元素
$(windowframes["iframeName"]document)find("#testId")html()
用JS或jQuery访问页面内的iframe,兼容IE/FF
注意:框架内的页面是不能跨域的!
假设有两个页面,在相同域下
indexhtml 文件内含有一个iframe:
XML/HTML代码
">
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:indexhtml,并引入jquery。
2、在indexhtml中的<script>标签,输入jquery代码:
$('body')append($('div')offset()top - $(window)scrollTop());
3、浏览器运行indexhtml页面,此时通过jquery获取到了页面div倒窗口顶部的距离。
jq只有获取元素相对于浏览器的
$(this)offset()left()忘了后边要不要小括号了
$(this)offset()top()
相对于父元素的话,把父元素的position设置成相对或绝对定位
然后documentgetElementById("dddd")offsetTop
documentgetElementById("dddd")offsetLeft
就是你要的了
使用Jquery 获取DIV相对浏览器的边距,也就是绝对X,Y坐标,可以用offset():
$('div')offset()left;示例如下:
创建Html元素
<div class="top">本层相对浏览器的左边距为50px
<div class="inner">本层相对上一层的左边距为20px,所以相对浏览器边距为70px</div>
</div>
设置css样式
{margin:0;}divtop{
width:500px;height:150px;
margin:50px;
background:green;
color:white;
}
divinner{
width:450px;height:100px;line-height:100px;
margin:20px;
background:red;
color:white;
}
编写jquery代码
$(function(){$("divinner")click(function() {
alert("相对窗口左边距:"+$(this)offset()left);
});
})
观察效果
以上就是关于问个简单的问题,jQuery的css方法获得的left数据数值可不可以去掉px全部的内容,包括:问个简单的问题,jQuery的css方法获得的left数据数值可不可以去掉px、菜鸟求助关于JS/JQ选中目标 我想选中content中的left和right 要怎么弄、关于jquery获得元素绝对位置的问题,定位问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)