jQuery学习笔记

jquery入口函数

$(function(){
 
   // 开始写 jQuery 代码...
 
});

选择器

按索引查找

语法	描述
li:even	偶数行
li:odd	奇数行
li:eq(4)	li索引为4的元素
li:ge(4)	li索引大于4的元素
li:lt(4)	li索引小于4的元素

语法	描述
next()	获取当前元素的下一个兄弟元素
nextAll()	获取当前元素后面所有的兄弟元素
prev()	获取当前元素的前一个兄弟元素
prevAll()	获取当前元素前面所有的兄弟元素
siblings()	获取当前元素所有的兄弟元素,自己除外
.end()	恢复到断链之前的对象
last()	最后一个兄弟节点
first()	第一个兄弟节点

添加元素

语法	描述
$().append()	添加到当前元素子元素的最后面
$().prepend()	当前元素子元素的最前面
$().after()	当前元素的后面
$().before()	当前元素的前面

移除元素

语法	描述
.html(" ")	清空元素中的内容
.empty()	清空元素中的后代内容
.remove()	清除元素自身 - - - - 自杀
.clone()	克隆

attr() 自定义属性 可设置 可获取
prop() 获取自带的属性

显示与隐藏

.show()显示 括号里可以添加执行时间(毫秒)
.hude()隐藏
.toggle()切换显示隐藏

淡入淡出 滑上滑下

fadeIn() 淡入
fadeOut() 淡出
fadeToggle() 切换
fadeTo('时间', 透明度)

slideUp()滑上
slideDown() 滑下
slideToggle() 切换

动画

animate() 动画
stop() 停止动画

事件

$("p").click(function(){
    // 动作触发后执行的代码!!
});