初入JQuery,像是发现了一片新大陆
一、JQuery和JS入口函数的区别:
1.JavaScript入口函数只能有一个，并且需要等到页面所有资源(包括图片、文件…)加载完成后才执行
2.JQuery入口函数支持多个，并且不会等待图片、文件的资源加载
二、JQ入口函数
$(document).ready(function(){
alert(‘jq入口函数1’)
})
$(function(){
alert(‘jq入口函数2’)
})
var shuaiGe = $.noConfict();
shuaiGe(function(){
alert(‘我们自己定义的入口函数’)
})
三、JS和JQ代码的相互转换
1.JS转换成JQ
var $div2 = $(div)
2.JQ转换成JS
var div2 = $div[0];
四、JQ获取节点的方式
1.子节点的获取
（1）.children(’…’)相当于JS中的（#id名 > 标签名）
（2）.find(’…’)相当于JS中的（#id名字 空格 标签名）
2.父节点获取
（1）.parent()获取直接父级
（2）.parents()获取所有父级
3.同辈节点的获取
（1）.next()获取同辈下一个元素节点
（2）.nextAll()获取同辈以下所有元素节点
（3）.prev()获取同辈上一个元素节点
（4）.prevAll()获取同辈以上所有元素节点
（5）.siblings()获取所有同辈除了他自己
4.奇偶节点获取
（1）奇数:odd
（2）偶数:even
通过下标获取.eq(index)
五、JQuery中的常用事件
**js的事件：**元素(DOM).on事件 = function(){…}
JQuery的事件：(‘div’).click(function(){…})
常用事件:
blur()失去焦点事件,只能在表单中触发
focus()获取焦点事件，只能在表单中触发
change()域内容改变事件
click()鼠标点击事件
mouseover()鼠标悬浮事件
mouseout()鼠标移出事件
keyup()键盘释放事件
keydown()键盘按压事件
使用on()绑定多个事件做不同的事情
例：$(‘div’).on({
click：function(){…},
mouseenter：function(){…}
})
六、JQuery中的动画效果
显现和隐藏：show()/hide()/toggle() toggle()为切换显示和隐藏
上下滑动：slideDown()/slideUp()/slideToggle()
淡入淡出：fadeIn()/fadeOut/fadeToggle()
自定义动画：animate()
例：