jQuery基础知识

jQuery主要功能： 

1. HTML元素的选取
2. HTML元素操作
3. css操作
4. HTML事件函数
5. JavaScript特效和动画
6. HTML DOM遍历和修改
7. AJAX等

安装：npm install jquery -g(全局安装)

1.HTML元素选取,操作

• 元素选取：$(selector).action()

选择符：$：查询

action()：执行对元素的操作

选择元素与action操作：$("p")=>{HTML元素} $("this")=>{当前对象} $("p.test")=>{p标签的class} $(".test")=>{所以class为test）$('#test') =>{所有的ID为test}.hide():选中隐藏；与操作css类选择器相似。

• 事件：在元素上移动鼠标，点击，单击按钮

$(selector).click(function(){});$(documentt).read();

moseenter():鼠标指针穿过元素

moselevea()：鼠标指针离开元素

,mosedown()：在元素上方并按下

mouseup():在元素松开鼠标按钮

hover(): 光标悬浮  =》{$(selector).hover(inFunction,outFunction)}

focus:获取焦点

blur()：失去焦点

隐藏，显示：hide（）,show(),toggle()

$(selector).hide/show(speed,callback):可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

 $(documnent）.read(function(){ $(selector).click(function(){ $(slector).hide(100,function(){} } }) 

toggle():切换 hide() 和 show() 方法  $(selector).toggle(speed,callback);

淡出淡入：fadeIn(),fadeOut(),Toggle(）:相当于显示，隐藏

    fadeTo:方法允许渐变为给定的不透明度（值介于 0 与 1 之间）  $(selector).fadeTo(speed,opacity,callback);

总结淡出淡入隐藏的speed:speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。函数的可选的

滑动：sildeDown(),slideUp(),slideToggle()

动画-animate（）：$(selector).animate({params},speed|("slwo","fast"),callback);

${selector).stop():停止动画或效果

params:必需的 params 参数定义形成动画的 CSS 属性。

提示：默认地，所有的HTML元素都有一个静态尾椎，且无法移动；如需要进行位置操作，要记得首先把元素的css position的属性设置relative，fixed或者absolute

 链chaining:一个语句可以运行多个jQuery方法