9.16笔记

复习{
  jQuery:
    什么是jq ? 是javaScript的框架
    write less ， do more 写的少 ， 做的做
    jquery能做的事儿，js都能做
    js能做的事儿， jquery 不一定能做
    jq在使用之前必须导入，jquery-1.xxx.js版本的文件
        
    jQuery基础语法是什么?
        $(function(){
            //页面加载函数
        })
        function eat(){
            
        }
    选择器:
      基础选择器: #id, .class , selector1,selector2 ， *
      层级选择器: 祖先 后代 ， parent > child , + 紧挨着 ， ~ 同级
      基本选择器: :first , :last , :odd, :even , not(selector) ,
                 :lt(index); :gt(index); :eq(index);
      内容选择器: :contains(内容); , :empty  ,has(selector);
                 :parent(selector);
      可见选择器: hidden(); 隐藏的
                 visible(); 可见的 
      属性选择器: $("[name]")
                 $("[name!='admin']")
                  $("[name^=a]")
                 $("[name$=a]")
                 $("[name*=a]")

      表单选择器: :text , :checkbox , :radio, :submit , :password
                 :reset, :button , :hidden ,
      表单属性选择器:
          :checked
          :selected
    
    拓展的方法:
        1.val(); 如果无参数就是获取属性的值
                 如果有参数就是给指定的value属性赋值
        2.html(); 如果无参数就是获取文本内容
                  如果有参数，就是向指定标签的文本上赋值，识别标签
        3.text(); 同上， 但是不识别标签
        4.css(); 个标签添加css样式，如果多个属性用 
                 json格式 {key:value,key:value}
        5.prop(); 专门用来操作标签的属性，如果是一个参数
                     prop("value"); 获取value的值
                     prop("value","李四");给指定属性赋值
        6.get(0); 将jquery对象转换为 js对象
          $(data) ,$(this); 将js对象转换为jquery对象
        7.each(function(index,data){ });         
                 
全选按钮:
}
=============================================================
文档处理:
  内部插入
      append(content|fn);
        A.append(B); 向A内部 中追加B 
       
      appendTo(content) 
        B.appendTo(C); 向C内部 中追加B 
     
      prepend(content|fn);
        A.prepend(B); 向A内部的前面追加

      prependTo(content);
        B.prependTo(A);向A内部的追加
        
  外部插入
      after(content|fn); 后面 
         A.after(B); 向A的后面追加B
      
      before(content|fn); 前面
         A.before(B);向A的前面追加B

      insertAfter(content);
       
        A.insertAfter(B);  将A插入到B的后面
       
      insertBefore(content) 
         A.isertBefore(B);  将A插入到B的前面

    替换
        replaceWith(content|fn) 
        replaceAll(selector) 
    删除
        empty(); 删除指定标签的内部所有元素和内容
         
         $("body").empty();
         
        remove([expr]) 
        
         $("body").remove(选择器);
         $("button").remove(); 删除自己

拓展方法:
    eq(index);获取一个容器中指定下标的元素
    first(); 获取第一元素
    last(); 获取最有一个元素
    
    is(); 判断指定容器中是否包含这个对象，元素，内容，返回true ， false、
    
    parent(); 找指定标签的父元素
    parents(); 找指定标签的祖先元素
    children(); 找指定标签的所有子元素, 不好含孙子元素
    siblings();获取指定标签的同级元素
    pre(); 查找指定元素的前一个元素
    next(); 查找指定元素的下一个元素

    removeProp(属性名); 删除指定属性
    
    页面加载函数的复杂写法
    $(document).ready(function(){
      // 在这里写你的代码...
    }); 
 
    等价于
    $(function(){
          
    })

 事件: 
  blur([[data],fn]) 
  change([[data],fn]) 
  click([[data],fn]) 
  focus();
  submit();  是用来提交 form表单的事件

  var a = $("#for").serialize();获取form表单所有的值
  以字符串形式例如: username=Tom&pwd=123 
  
  
  向后台提交数据的方式有几种?
   1.直接在form表单中添加  submit按钮
   2.使用button按钮绑定 submit()事件;
   3.使用序列化获取form表单的所有值,
     借助于 window.location.href = "地址?key=value"
     
1.动态插入表格
2.左飞飞右飞飞
     :selected
3.手机号大显
    show(); 显示
    hide(); 隐藏
    fadeIn(); 淡入
    fadeOut(); 淡出
    slideDown(); 向下滑动
    slideUp(); 向上滑动