jQuery使用scrollTop获取div标签的滚动条已滚动高度(jQuery版本1.6+时,用prop()方法代替attr()方法)

$("#content").append(‘<div>‘ + data.msg + ‘</div>‘+.‘<br>‘);
$(‘#content‘).attr({ scrollTop: $(‘#content‘).attr(‘scrollHeight‘) });

//jQuery版本1.6+时,用prop()方法代替attr()方法:【重点,否则获取不到】
$(‘#content‘).prop({ scrollTop: $(‘#content‘).prop(‘scrollHeight‘) });

例子:
//加上动画效果
$(‘#content‘).animate({ scrollTop: $(‘#content‘).attr(‘scrollHeight‘) }, 1000);
//1.6+
$(‘#content‘).animate({ scrollTop: $(‘#content‘).prop(‘scrollHeight‘) }, 1000);

时间: 2024-11-10 19:08:56

jQuery使用scrollTop获取div标签的滚动条已滚动高度(jQuery版本1.6+时,用prop()方法代替attr()方法)的相关文章

jquery中prop()方法和attr()方法的区别

jquery1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值. 大家都知道有的浏览器只要写disabled,checked就可以了,而有的要写成disabled = "disabled",checked="checked",比如用attr("checked")获取checkbox的checked属性时选中的时候可以取到值,值为"checked"但没选中获取值就是un

jQuery中prop方法和attr方法区别

attr方法用的是原生js中的getAttribute和setAttribute; prop方法相当于直接用.或者[]来访问/修改dom元素的属性, 所以它俩的区别相当于问原生js中的getAttribute和直接.来修改属性有什么区别: <input type="text" zs="user"> 1.在html中能看到的属性一定会在dom的属性节点中保存,本文称它为节点属性, 这些属性分为html自带的属性(如type),和自定义属性(如zs). 元素

jquery的prop方法与attr方法

高版本的jquery上,attr方法获取checkbox的checked属性,可能就会失效.例如,获取不勾选的checkbox的attr('checked')值也为'checked'. 这时应该使用prop方法.prop('checked')会返回true和false. 当属性为元素的自带属性时,就使用prop方法.如果是自己添加的属性,则使用attr方法.

js和jquery通过this获取html标签中的属性值

<html>    <head>        <script type="text/javascript" src="jquery-1.10.2.min.js"></script>        <script type="text/javascript">            /** JQUERY 通过当前标签属性名,获取属性的值   */            function

jquery中prop()方法和attr()方法的区别浅析

jquery1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值. 大家都知道有的浏览器只要写disabled,checked就可以了,而有的要写成disabled = "disabled",checked="checked",比如用attr("checked")获取checkbox的checked属性时选中的时候可以取到值,值为"checked"但没选中获取值就是un

jQuery中prop()方法和attr()方法可能遇到的问题小结

<html> <head> <title>放置文章标题</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> //这里是网页编码现在是gb2312 <meta name="keywords" content="关键字" /> <meta name=

jQuery 的 Div 标签滚动条属性及判断垂直滚动条是否到达底部

转自:http://blog.163.com/[email protected]/blog/static/1284651702010894509982/ 关于 jQuery 的 Div 标签的滚动条的概念,没有几个人能够完全.正确搞明白的. 我知道很多人不同意我的观点.但是如果去百度上搜素,与 jQuery 滚动条有关的信息,都是关于滚动条外观和滚动条插件的.我最近在制作一个滚动条相关的页面效果,去 CSDN 论坛里提问,得到了一段代码,还是错误的. jQuery 里和滚动条有关的概念很多,但是

jQuery从html代码中获取对应标签的写法

#################################常用的标签选择器######################################### 1.示例代码 <div id='t1'></div> 获取id为t1标签 $('#t1') 2.示例代码 <div class='t2'></div> 获取div标签 $('.t2') 3.示例代码 <p>dagagagragag</p> <p>dagagag

前端基础-jQuery中的如何操作标签

阅读目录 样式操作 文本操作 属性操作 文档操作 一.样式操作 1.样式类 addClass();// 添加指定的CSS类名. removeClass();// 移除指定的CSS类名. hasClass();// 判断样式存不存在 toggleClass();// 切换CSS类名,如果有就移除,如果没有就添加. ①.addClass( className )方法: 通过动态改变类名(class),可以让其修改元素呈现出不同的效果.在HTML结构中里,多个class以空格分隔,当一个节点(或称为一