jQuery可以通过text和html方法获取指定标签的文本内容或者html内容
<!DOCTYPE html>
<html>
<head>
<script src="js/jqueryminjs">
</script>
<script>
$(document)ready(function(){
$("#btn1")click(function(){
alert("Text: " + $("#test")text());
});
$("#btn2")click(function(){
alert("HTML: " + $("#test")html());
});
});
</script>
</head>
<body>
<p id="test">This is some <b>bold</b> text in a paragraph</p>
<button id="btn1">Show Text</button>
<button id="btn2">Show HTML</button>
</body>
</html>
大家在有时的网页设计中，前端会出现这样一个问题，因为左侧的侧边导航只有几个链接，很短，而右边的正文部分有可能会很长，怎么才能让左侧的背景能一直随着右侧的内容高度的增加而增加呢？当然，这种解决方法有两种，一种就是让左侧的导航漂浮，在右侧下拉或者是窗口拉出了左侧的高度时置顶，像糗事百科右侧的广告那样，这种方法现在也很流行，不过，我们今天不讲这种，讲的是另一种方法，让左右两边的div的高度能一致，随时一致，如果内容是固定的话，好做，左右固定高度，如果右侧的内容不固定呢？还是有办法得！
这种问题大多都是软件系统或者是一些后台中常用的，方法很简单，利用jquery获取右侧的高度，使得左侧和右侧的高度保持一致就OK啦！废话不多，上代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN"
">
jquery代码如下：$("div")scrollTop()
scrollTop()方法介绍：
scrollTop()方法用于返回或设置匹配元素的滚动条的垂直位置。
小案例：
<!doctype html>
<html ng-app>
<head>
<script src=">
<meta charset="utf-8">
<title>获取滚动条离顶部的高度</title>
<style type="text/css">
div{
width: 200px;
height: 200px;
overflow: scroll;
}
</style>
</head>
<body>
<div>
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
</div>
<script type="text/javascript">
$(document)ready(function(){
$("btn")click(function(){
alert($("div")scrollTop());
});
});
</script>
<button class="btn">获得当前滚动条的偏移量</button>
</body>
</html>
案例截图：
以上就是关于如何获取html的内容部分内容全部的内容，包括:如何获取html的内容部分内容、如何用jquery实现高度自适应、jQuery如何获取html元素相对浏览器窗口的偏移等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）