js各种相似方法区别，联系

1.1 jQuery中的.height()、.innerHeight()和.outerHeight()、outerWidth()区别？
     .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