入口函数 : $(function(){ }) $(document).ready(function(){ })
js与jQuery对象的区别
方法不能互相调用
js转化为jQuery -->$(js对象)
jQuery转化为js -->jQuery对象[索引]
选择器
基本选择器 : 类, id ,标签, 并集 , 交集
层级选择器 : 子集, 后代
过滤选择器 : :odd 索引为奇数 :even 索引为偶数 :eq() 指定下标
:first :last :prev :next parent() children() find() siblings();
index() 获取索引
css操作
class操作 addClass() removeClass() toggleClass() hasClass()
属性操作 .attr();
show([speed],[callback]) [] 可选参数
speed 动画的持续时间 ,可以是毫秒,也可以是固定字符串 : fast: 200ms 快速 normal:300ms 正常 solw 600ms 慢速
callback :回调函数 动画完成后执行
淡入 : fadeIn
淡出 : fadeOut
切换 : fadeToggle
fadeIn([speed],[callback]) [] 可选参数
speed 动画的持续时间 ,可以是毫秒,也可以是固定字符串 : fast: 200ms 快速 normal:300ms 正常 solw 600ms 慢速
callback :回调函数 动画完成后执行
滑入 : slideDown
滑出 : slideUp
切换 : slideToggle
mouseenter 鼠标移入
mouseleave 鼠标移出
jQuery添加
append() 添加到父节点的末尾
appendTo() 把子节点添加到父节点的末尾
添加到父节点的前面 prependTo()
在父元素里面添加一个子元素 prepend()
$("a").prepend("div")
$("div").prependTo($("a"))
添加兄弟节点 after() 兄弟之后 before()兄弟之前
$("a").after($("div"))
$("a").before($("div"))
empty() 清空
remove() 删除
clone() 克隆
清除div后代的所有元素
$("div").empty() 不会删除自己
$("div").remove() 会删除自己以及后代所有的元素