jQuery简介

jQuery是JavaScript的一个轻量级框架，对JavaScript进行封装，它提供了很多方便的选择器。供你快速定位到需要操作的元素上面去。还提供了很多便捷的方法。

 

怎样使用jQuery？

jQuery是一个库（框架），要想使用它，首先必须引入

 

jQuery简单入门

所有的jQuery代码写在页面加载函数

$(function(){

　　　jQuery代码

})

 

补充：JavaScript和jQuery的区别

传统的JavaScript页面加载函数是最后一个生效，他会覆盖之前的。 它的加载顺序比jQuery的要满（它是整个文档加载完毕之后才会执行）

jQuery的页面加载函数可以存在多个（不会发生覆盖），它会按照顺序执行（dom加载完成）

 

获取元素（JavaScript：document.getElementById() ------------------jQuery：$("#id")）

 

jQuery对象与DOM对象转换

$(dom对象)       jQuery对象.get(0)/jQuery对象[index]

 

jQuery选择器：

 

id选择器：$("#id名称")

 

元素选择器：$("元素名称")

 

类选择器：$(".类名")

 

通配符：*

 

多个选择器共用（并集）

 

层级选择器：
ancestor descendant：在给定的祖先元素下匹配所有的后代元素（儿子 孙子 重孙子）

parent>child：在给定的父元素下匹配所有的子元素（儿子）

prev+next：匹配所有紧接在prev元素后的next元素（紧挨着的，同桌）

prev~siblings：匹配prev元素之后的所有siblings元素（兄弟）

 

基本过滤选择器：

$("li").first() 等价于 $("li:first")

 

属性选择器：

[attribute]   [attribute=value] [attribute!=value] [attribute^=value] [attribute$=value] [attribute*=value]

 

表单选择器：

:input　　:text　　:password　　:radio　　:checkbox　　:submit　　:image　　:reset　　:button　　:file　　:hidden

:enable　　:disabled　　:checked　　:selected、

 

jQuery方法总结：

属性操作(代码/文本/值)：html(val||fn)　　text(val||fn)　　val(val||fn||arr)

遍历函数：each()　　方式一：$(ele).each(fn)　　方式二：$.each($ele,fn)　　回调函数fn：function(index,docEle)--------->参数一（遍历索引号），参数二（遍历当前对象docEle==this(dom对象)）

文档处理（内部插入）：append(content||fn)　　appendTo(content||fn)　　prepend(content||fn)　　prependTo(content||fn)

 

常见事件：

blur()--失去焦点　　change--改变，select列表项改变　　click--单击　　dblclick--双击　　error--页面加载错误　　focus--获得焦点　　keydown--键盘按下

keypress--键盘按　　keyup--键盘弹起　　mousedown--鼠标按下　　mousemove--鼠标移动　　mouseout--鼠标移出　　mouseover--鼠标移入　　mouseup--鼠标弹起

resize（改变大小-窗口）　　scroll--滚动（滚动条）　　select--选中　　submit--提交　　unload--页面加载

事件切换｛hover（over，out）　　toggle（fn，fn2，...）｝ 

　　A.hover（fn1，fn2） 等效 A.mouseover（fn1）.mouseout（fn2）

　　toggle（fn1，fn2，...） click事件增强版，轮回