jQuery常用函数

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就是深度复制,同时复制源事件

 

转载于:https://www.cnblogs.com/Salted-fish-without-dreams1/p/9305872.html