jQuery介绍

1.jquery: js封装的函数库
2.大招：$ = jQuery
$(selector) = 获取该选择器的jQuery对象数组
$(slector).action(…) 群体操作特性
3.js和jquery不可混用
(1)js的对象不可以访问jquery函数
(2)jquery的u第项不可以访问js函数
(3)但是js和jquery对象之间是可以相互转化的
var $obj = $(isObj); js对象转化为jquery对象
var jsObj = $obj[0]; jquery对象转化js对象
var jsObj = $obj.get[0];
二、jquery操作DOM
一、jquery获取html标签对象

1. 根据选择器获取 var $obj = $(slector);
2. 根据家族关系：var $obj= …
   （1）获取子元素数组：
   var $objchilds = $obj.children(selector);
   var $descendents = $(document).find(selector); 后代检索
   （2）获取兄弟元素:
   前置元素：
   var $bigBros = $ref.prev([selector]); 前一个(带有selector选择器)的元素
   var $bigBros = $ref.prevAll([selector]); 前所有(带有selector选择器)的元素
   var $bigbros = $ref.prevUntil(sleector); 前n个到selector结束之前的元素
   后置元素
   var $bigBros = $ref.next([selector]); 后一个(带有selector选择器)的元素
   var $bigBros = $ref.nextAll([selector]); 后所有(带有selector选择器)的元素
   var $bigbros = $ref.nextUntil(sleector); 后n个到selector结束之前的元素
   其他兄弟：
   var $otherBros = $ref.silbings([selector]); 除了自己以外的(带有selector)的元素
   （3）获取父级元素：
   父级元素：
   var parent = $ref.parent([sekector]); 父级元素
   父辈元素
   var parent = $ref.parents[sekector]); 父辈元素
   一、jquery创建html标签对象
   var $newEi = $(<div id=”...” class=”...” >...</div>);
   二、jquery操作html标签对象 var el = …
   1.操作值
   （1）表单元素的值： var val = $el.value; $el.value(new_value);
   （2）非表单元素的文本：var txt = $el.text(); el.text(new_txt);
   （3）非表单元素的内部结构： var structor = el.html(); el.html(new_structor);
   2.操作属性
   （1）var attrVal = $el.attr(attr_name); el.attr(attr_name,new_attr);
   3.操作样式
   （1）具体样式：
   $el.css(“cssName”,”cssValue”);
   $el.css({“cn1”:”cv1”,…,”cnn”:”cvn”});
   （2）类选择器：
   var bool = $el.hasClass(“classSelector”);
   $el.addClass(“classSelector”);
   $el.removeClass(“classSelector”);
   $el.toggleClass(“classSelector”);
   4.操作子元素
   添加子元素: el.appendChild(tagEl);
   删除子元素: $el.remove();

三、事件、事件函数、事件绑定函数
1.事件
（1）onclick
（2）onkeydown
（3）onkeyup
（4）onkeypress
（5）onfocus
（6）onblur
（7）onmouseenter onmouseover
（8）onmouseleave onmouseout
（9）onmousemove
（10）onscroll
2.事件函数：就是没有参数，没有返回值的普通函数
3.如何捆绑：
静态绑定
（1）$(selected).onclick(function);

（2）$(selector).hover(enterFunc,leaveFunc);
动态绑定

（3）$(document).on(eventName,selector,eventFunc);