jQuery笔记：

 

入口函数：

方式1：

$(function(){

})

方式2：

$(document).ready(function(){

})

DOM转换成jquery对象：

$(document) //$(节点)

juqery转换DOM：

第一种方式: 通过数组下标

$("标签")[0] 

第二种方式：通过jq内置方法

$("标签").get()

常用选择器：

$("#id")

$(".类")

$("标签节点")

$("标签节点:first-child"):筛选标签节点第一个

$("标签节点:last-child"):筛选标签节点最后一个

$("标签节点:eq(0)"):筛选标签节点第一个

$("标签节点:状态名")

过渡选择器：

eq:

第一个参数：选择第几个标签,从0开始

odd:单数

例子：$("div:odd")

even:双数

例子：$("div:even")

常用方法：

css:

第一种方式：css("属性名","值"),设置样式属性

第二种方式：css("属性名"),获取样式属性

prop:

第一种方式：prop("状态属性名","值"),设置状态

第二种方式：prop("状态属性名"),获取状态

children:

第一种方式：children(),获取所有子标签元素

第二种方式：children("p"),获取所有p标签元素

find:

第一种方式：obj.find(),获取本身obj标签元素

第二种方式：obj.find("p"),获取所有后代p标签元素

第三种方式：obj.find("不存在的标签元素"),不会报错,获取本身obj标签元素

attr:

第一种方式：attr("属性名"),获取该标签元素的属性

第二种方式：attr("属性名","值"),设置该标签元素的属性

siblings:

第一种方式：obj.siblings(),获取该obj标签元素的兄弟元素

第二种方式：obj.siblings("标签元素名"),获取标签元素名的兄弟元素

parent:

第一种方式：obj.parent(),获取该标签元素的父级元素

动画：

显示/隐藏:show()/hide()

第一个参数：过渡时间,毫秒

切换：toggle()

无参数

下拉显示/隐藏/切换:slideDown/slideUp/slideToggle

第一个参数：过渡时间,默认normal,可选

第二个参数：回调函数,可选

渐隐/渐现/切换/淡出透明:fadeOut/fadeIn/fadeToggle/fadeTo

fadeTo:

第一个参数：过渡时间,默认normal,可选

第二个参数：淡入淡出透明度 0~1区间,必需

第三个参数：回调函数,可选

自定义动画：animate

animate:

第一个参数：JSON数组,{"属性":"值"}

第二个参数: 过渡时间

额外选项,详细看手册

DOM节点操作：

追加: append()

方式1:append($("节点"));

方式2:append("内容");

创建:$("节点")

删除:html(),remove(),empty()

html:方式1:无参数就是获取

方式2:string 设置内容,可设置为空

remove:方式1:删除该节点包括后代节点

empty:方式1:删除子节点和文本节点

克隆:clone()

参数1：boolean 默认为false

true就是深度复制,同时复制源事件