Javascript权威指南学习笔记--Jquery类库

-、基础
1、全局函数： JQuery() 等价于 $()
2、JQuery(function(){
   //所有文档加载完毕后才执行
   });
   等价于 $(function(){});  $(document).ready(function(){});

3、$.each(a,function(){})       each函数//对数组a的每一个元素进行操作
   $("a").each(fucntion(){})    each方法//对选中的每一个元素进行操作

4、获取和设置Html属性
  $("#id").attr("title")                              //获取属性 
  $("#id").removeAttr("title")                        //移除属性
  $("#id").attr("title","newTitle");                  //设置单个属性
  $("#id").attr({title:"newTitle",src:"horse.gif"});  //设置多个属性

5、获取和设置css属性
   $("h1").css("font-weight")
   $("h1").css("font")   错误，不能获取复合属性
   $("h1").css("font-weight","bold") 设置css属性，设置字体粗体 
   $("#div1").css("border","soild 1px #999999") 设置css属性，设置字体粗体  正确，可设置复合样式

6、获取和设置css类
   $("h1").addClass("hightline");
   $("h1").removeClass("hightline");
   $("h1").toggleClass("hightline");
   $("h1").hasClass("hightline");
   $("h1").isClass("hightline first"); isClass 同 hasClass类似，更灵活。可以多个判断类名

7、获取和设置Html表单值
   $("#textarea").val();
   $("#textarea").val("wwwwwww");

8、获取和设置元素表单值
   var title=$("head").text();
   $("h1").text(title);
   var headline=$("head").html();
   $("h1").html(title);

9、获取和设置元素位置宽高
    var position =$("#Tip").offset();
    position.top+=100;
    $("#Tip").offset(position);

10、插入和替换元素
$(target).method(content)                                             $(content).method(targert)                       
$("#log").append("<br/>");       在标签内结尾处添加内容               $("<br/>").appendTo("#log")
$("#log").prepend("<br/>");      在标签内起始处添加内容               $("<br/>").prependTo("#log")
$("#log").before("<br/>");       在标签的前面（同级）结尾处添加内容   $("<br/>").insertBefore("#log")
$("#log").after("<br/>");        在标签的后面（同级）结尾处添加内容   $("<br/>").insertAfter("#log")
$("#log").replaceWith("<br/>");  把目标元素替换为内容                 $("<br/>").replaceAll("#log")

11、复制元素
$("a").clone().appendTo("#linklist")  复制并添加到linklist标签

12、包装元素
$("h1").wrap(document.createElement("i"));  //产生<i><h1>...</h1></i>
$("h1").wrapInner("<i/>");                  //产生<h1><i>...</i></h1>
$("h1").wrapAll("<i/>");                    //将所有其他段落包装在h1里

13、删除元素
remove()移除选中元素（以及所有元素的内容）
empty()删除每个选中元素的所有子节点，但不会修改元素本身

14、JQuery事件处理程序
   $("p").click(function(){});
   $("#btnSubmit").click();
   
 

  15、JQuery事件处理程序注册
  $('p').bind("click",function(){});           //    
  $('p').unbind("click");                      //注销
  $("a").live("mouseover",function(){});       //
  $("a").delegate("mouseover",function(){});   //