.height()返回一个没有单位的数值(例如400)
.innerHeight()高度值,只包括到padding,但不算border
.outHeight()包括padding,border,margin
.outerWidth指(width + padding + border)
.outerWidth(true)指 (width + padding + border + margin)
1.2 javascript的offset、client、scroll区别?
.outerWidth实际获取的是盒模型(width+border + padding)
.offsetWidth 指元素控件自身的宽度,整型,单位像素。
.offsetHeight 指元素控件自身的高度,整型,单位像素。
1.3 jQuery中slideUp()、slideDown或slideToggle()和animate({ "bottom":"-100%"})区别?
slideUp()、slideDown()都某项有一直显示,点击回到原点;
slideToggle()有个按钮显示控制,上滑开下收起;
animate({"bottom":"-100%"}),animate("bottom":"0") 动画效果,默认隐藏,点击上滑显示。
1.4 javascript中setInterval()和setTimeout区别?
setInterval超过指定时间运行一次,重复 每隔固定时间被调用一次;——超时
setTimeout在指定时间过后运行,不重复; ——超时
clearTimeout(对象)
clearInterval(对象)
1.5 jQuery中slideToggle()和toggle()区别?
相同:都是实现元素的显示和隐藏。
区别:slideToggle()滑动切换;
toggle()直接切换,无过渡;
1.6 href="#"与href="javascript:void(0)"区别?
"#"包含一个位置信息,譬如#top指网页的上端;
"javascript:void(0)" 仅仅代表一个死链接;
所以调用脚本最好用void(0)
1.7 jquery中:first-child、:nth-child、:last-child、:eq 用法区别?
.first-child 父元素第一个子元素
.last-child 父元素最后一个子元素
.eq(index) 只匹配一个元素,从0开始
.nth-child(index) 匹配第N个或奇偶元素,从1开始
例:$("li:nth-child(2)").css("color","blue");
$("li:nth-child(even)").css("color","blue");
$("li:nth-child(odd)").css("color","blue");
1.8 jquery中html()、text()、val()用法的区别?
.html() 读取和修改元素的HTML标签
.text() 读取/修改元素的纯文本内容
.val() 读取/修改Input表单元素的value值
其中text()无参返回是组合起来的文本,无空格;有参返回正常
1.9 jQuery中.bind() .live() .delegate() .on()的区别
.bind() 为每个匹配元素绑定事件处理
.live() 给所有匹配元素附加一个时间处理,该元素可以是后来再添加来的
.delegate() 指定元素(属于被选元素的子元素)添加一个或多个事件处理,并规定事件发生运行的函数。
.on() 在选择元素上绑定一个或多个事件处理。
差别:
.bind()是直接绑定在元素上
.live()则是通过冒泡的方式来绑定到元素上的。更适合列表类型的,绑定到document DOM节点上,和.bind()的优势是支持动态数据。
.delegate()则是更精确的小范围使用事件代理,性能优于.live()
.on()则是最新的1.9版本整合了之前的三种方式的新事件绑定机制
2.0 jQuery中 .attr()、prop()的区别?
根据官方建议: 具有true和false两个属性的,如checked,selected或disabled的用prop(),其他用attr()。
注意:prop() 方法应该用于检索属性值,例如 DOM 属性(如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected)。
提示:如需检索 HTML 属性,请使用 attr() 方法代替。
提示:如需移除属性,请使用 removeProp() 方法。
演示结果:
attr('checked'): checked
prop('checked'): true
attr('checked'): checked
prop('checked'): false