效果:
基本
show([speed,[easing],[fn]])
hide([speed,[easing],[fn]])
toggle([speed],[easing],[fn])
滑动
slideDown([spe],[eas],[fn])
slideUp([speed,[easing],[fn]])
slideToggle([speed],[easing],[fn])
淡入淡出
fadeIn([speed],[eas],[fn])
fadeOut([speed],[eas],[fn])
fadeTo([[spe],opa,[eas],[fn]])
fadeToggle([speed,[eas],[fn]])
自定义
animate(param,[spe],[e],[fn])
stop([cle],[jum])1.7*
delay(duration,[queueName])
// fn是一个回调函数
单属性访问:
这个函数中如果只写一个参数表示访问;并且有个优点可以直接访问计算后样式。
多属性修改;
css({k:v,k:v...})
html();作用修改目标的内容。其中传值表示修改,不传值表示访问。
text(); 作用访问内容的时候可以不带html标签。
attr() 作用:修改指定目标的任何标签属性。
其中:双值表修改,单值表访问。
----过滤选择器----
首尾-> :first :last 排除-> :not(); 在指定的范围内排除某些目标;注意是带小括号的。非常有用。
索引值过滤-> :eq() 过滤等于索引值的目标 :gt() 过滤大于索引值; :lt() 过滤小于索引值;
属性过滤:
所有的属性过滤特点都是用中括号。
[k=v] 过滤拥有特定属性值的目标。
[k^=v] 过滤以什么属性值开头的目标。
[k$=v] 过滤以什么属性值结尾。
[k!=v] 过滤不包含指定属性值的目标。
[k*=v] 过滤包含。
----筛选选择器---
筛选选择器中所有的内容最核心的就是三种关系,父子兄。
父级选择->parent();
子级->children();
兄弟级别->siblings(); 最有用的一个因为它可以解决排他问题。
其他有用的:
在筛选选择器中仍然提供了一些常用的方式包括和过滤中一些重复的。
.eq();
.not(); 筛选排除
.find(‘div’); 表示继续查找里面的某个目标。
hover( fn(){ enter }, fn(){ out }); 表示hover事件有两个,一个进,一个出
index()函数: 表示选择索引值
each() 简介:加工函数是jq对元素批量处理的一个方法。可以批量加工CSS。
$(‘p’).each(function(index,element){})
第一个参数表示当次被加工元素的索引,
第二个参数表示当次被加工的元素。