jQuery 梁桐老师笔记 - 属性，CSS，文档处理

html() 获得html代码，含有标签
html(…) 设置html代码，如果有标签将进行解析
text() 获得文本值，将标签进行过滤
text(…) 设置文本值，如果有标签，将被转义 （例如 & 转义为&amp）
offset() 获得坐标，返回jason对象，{“top”:200,“left”:100}
offset() 设置坐标，例如 $(this).offset({“top”:0,“left”:0})
scrollTop 垂直滚动条滚过的距离： ajax 异步加载图片应用
scrollleft 水平滚动条滚过的距离
empty() 清空标签体
remove() 删除当前对象，如果以后再使用，元素本身保留，绑定事件或数据都会被移除
detach() 删除当前对象，如果以后再使用，元素本身保留，绑定事件或数据都保留
// 绑定事件
$("#city").click(function(){
// 事件内容
})
// 绑定数据
$("#city").data(“key”, “content”)
// 获得绑定的数据
$("#city").data(“key”)
// 解除绑定
var $city = $("#city").remove(); //移除绑定的事件和数据
var $city = $("#city").detach() //保留绑定的事件和数据
// 追加
$("body").append($city

练习：将左边文本框的内容点击后加入右边文本框

    $(document).ready(function(){
       $("#left1").click(function(){
           $("#leftselectedID option:selected:first").appendTo("#rightselectedID") //move one by one to right
       })
       $("#left2").click(function(){
           $("#leftselectedID option:selected").appendTo("#rightselectedID") //move selected to right
       })
       $("#left3").click(function(){
           $("#leftselectedID option").appendTo("#rightselectedID") //move all left to right
       })
   }）

绑定

 $(function(){
       $(".mytooltip").mouseover(function(event){
           // 获得绑定的数据
           var title = $(this).data("mytitle")
           if(!title){
               title = $(this).attr("title");//获得自带提示
               $(this).removeAttr("title");//删除自带提示
               $(this).data("mytitle",title) //绑定数据
           }
           //2.创建div
           var $new = $("<div id='tooltip'>xxx</div>");
           //3.设置提示
           $new.html(title)
           //4.定位
           $new.off({"top":event.pageX + 5,"left":event.pageY - 20});
           //5.追加到body并显示
           $new.appendTo("body").show();
       }).mouseout(function(){
           $("#tooltip").remove(); //删除
       }).mousemove(function(event){
           $("tooltip").offset({"left":event.pageX +5,"top":event.pageY -20});//让提示跟着鼠标走
       })
   })

微软提出了名为事件冒泡(event bubbling)的事件流。事件冒泡可以形象地比喻为把一颗石头投入水中，泡泡会一直从水底冒出水面。也就是说，事件会从最内层的元素开始发生，一直向上传播，直到document对象。
因此在事件冒泡的概念下在p元素上发生click事件的顺序应该是p -> div -> body -> html -> document

事件捕获
网景提出另一种事件流名为事件捕获(event capturing)。与事件冒泡相反，事件会从最外层开始发生，直到最具体的元素。

因此在事件捕获的概念下在p元素上发生click事件的顺序应该是document -> html -> body -> div -> p

slideUp([speed,[easing],[fn]]): 通过高度变化（向上减小）来动态地隐藏所有匹配的元素，在隐藏完成后可选地触发一个回调函数。
slideDown([speed],[easing],[fn]) 通过高度变化（向下增大）来动态地显示所有匹配的元素，在显示完成后可选地触发一个回调函数。