你用jq的时候是在页面加载的时候就获取了,并不是点击的时候获取的。时机不对。
$('#btn2')click(function () {var boxAheight = $("#frame_content")outerHeight(true);
alert(boxAheight);
})
一、选取DOM元素
jQuery的核心是通过各种选择器,选中DOM元素,可以用querySelectorAll方法模拟这个功能。
var $ = documentquerySelectorAllbind(document);
这里需要注意的是,querySelectorAll方法返回的是NodeList对象,它很像数组(有数字索引和length属性),但不是数组,不能使用pop、push等数组特有方法。
二、DOM *** 作
DOM本身就具有很丰富的 *** 作方法,可以取代jQuery提供的 *** 作方法。
尾部追加DOM元素。
// jQuery写法
$(parent)append($(child));
// DOM写法
parentappendChild(child)
头部插入DOM元素。
// jQuery写法
$(parent)prepend($(child));
// DOM写法
parentinsertBefore(child, parentchildNodes[0])
删除DOM元素。
// jQuery写法
$(child)remove()
// DOM写法
childparentNoderemoveChild(child)
可以使用offset() 方法,该方法返回或设置匹配元素相对于文档的偏移(位置),该方法返回的对象包含两个整型属性:top 和 left,以像素计。此方法只对可见元素有效。
1、使用offset() 方法获取一个元素距离浏览器的顶部和左边的可视距离,代码如下:
<html><head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<script type="text/javascript">
$(document)ready(function(){
$("button")click(function(){
x=$("p")offset();
$("#span1")text(xleft);
$("#span2")text(xtop);
});
});
</script>
</head>
<body>
<p>本段落的偏移是 <span id="span1">unknown</span> left 和 <span id="span2">unknown</span> top。</p>
<button>获得 offset</button>
</body>
</html>
2、运行的结果如下:
<script>
$(function() {
var h_max = 0;
//求最大高度
$("class")each(function() {
var h = $(this)innerHeight();
h_max = h > h_max h : h_max;
})
//将class的高度赋值为最大高度,
//最大高度innerheight=padding+内容高度height
$("class")each(function() {
//求padding的值
var h_pad = $(this)innerHeight() - $(this)height();
$(this)height(h_max - h_pad);
})
})
</script>
以上就是关于jq怎么获取自适应高度的iframe高度的准确数值全部的内容,包括:jq怎么获取自适应高度的iframe高度的准确数值、jquery中如何选择选取DOM元素、jquery获取元素距离浏览器顶部的可视高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)