Jquery基础

jQuery 是一个 JavaScript 库， 极大地简化了 JavaScript 编程。（找元素操作元素）

找元素

　　$(选择器)

操作内容

非表单：Jqobj.html()        Jqobj.html(“123”) 赋值

表单：jqobj.val()         jqobj.val(“123”)

操作属性

 jqobj.attr(“class”,”add”);一个参数是获取，两个参数是设置

Jqobj.attr({‘class’:’add’,’id’:’id’})

操作样式

 jsobj.css()

操作事件

 jqobj.click(fuction(){})

添加删除元素

  jqobj.removeattr（）

 jqobj.addclass（“add”）

页面加载完成 

方式1：$(document).ready(function(){

 

})

方式2：$(function(){

 

})

 

jq效果的实现方法：

　　1.基本

　　show(time) -> 显示；相当于display:block

　　hide(time) -> 隐藏；相当于display:none

　　toggle(time) ->循环显示和隐藏；obj.toggle(time)

　　2.滑动

　　slideDown(time) -> 滑下显示；

　　slideUp(time) -> 滑上隐藏；

　　slideToggle(time) -> 循环滑上滑下隐藏显示；

　　3.淡入淡出

　　fadeIn(time,opa) -> 淡入；

　　fadeOut(time,opa) -> 淡出；

　　fadeTo(time,opa) -> 变到某个透明度；

　　4.自定义

　　animate({json样式}，timen,fn) -> 动画效果的实现,fn可选参数动画效果执行完毕后执行的函数

　　stop(){} -> 立即停止动画效果