jQuery基础
jQuery基础
- 基础语法: $(selector).action() jQuery([selector,[context]])
- length|size():jQuery 对象中元素的个数。当前匹配的元素个数
- selector:返回传给jQuery()的原始选择器。回你用什么选择器来找到这个元素的
- context:返回传给jQuery()的原始的DOM节点内容,即jQuery()的第二个参数。如果没有指定,那么context指向当前的文档(document)。
事件
- $(document).ready() 方法允许我们在文档完全加载完后执行函数。
- click() 方法是当按钮点击事件被触发时会调用一个函数。
- hover()方法用于模拟光标悬停事件。当鼠标移动到元素上时,会触发指定的第一个函数(mouseenter);
当鼠标移出这个元素时,会触发指定的第二个函数(mouseleave)。
jQuery 效果
- 隐藏和显示:$(selector).hide([speed,[easing],[fn]]); $(selector).show([speed,[easing],[fn]]);
speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如:1000)
easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear"
fn:在动画完成时执行的函数,每个元素执行一次。
toggle([speed],[easing],[fn])用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。
如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。 - 滑动: slideDown([speed],[easing],[fn])通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数。
slideUp() slideToggle() - 淡入淡出: fadeIn([speed],[easing],[fn])通过不透明度的变化来实现所有匹配元素的淡入效果 淡入已隐藏的元素。
fadeOut() fadeToggle()
fadeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 之间)
jQuery HTML
- text([val|fn]) - 设置或返回所选元素的文本内容 获取第一个
- html([val|fn]) - 设置或返回所选元素的内容(包括 HTML 标记)
- val([val|fn]) - 设置或返回表单字段的值 function(index, html)
- attr(name|map|key,val|fn) 设置或返回被选元素的属性值。
- append(content|fn) - 向每个匹配的元素内部追加内容。在被选元素的结尾插入内容 appendTo()
- prepend(content|fn) - 在被选元素的开头插入内容 prependTo(content)相反 集合
- after(content|fn) - 在被选元素之后插入内容 insertAfter(content)
- before(content|fn) - 在被选元素之前插入内容
- remove([expr]) - 删除被选元素(及其子元素)expr用于筛选元素的jQuery表达式
- empty() - 从被选元素中删除子元素
- css(name|pro|[,val|fn]) 设置或返回样式属性
- addClass(class|fn) - 向被选元素添加一个或多个类 function(index, class)
- removeClass() - 从被选元素删除一个或多个类
- toggleClass() - 对被选元素进行添加/删除类的切换操作
- width([val|fn]) 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。 height()
- innerWidth() 方法返回元素的宽度(包括内边距) innerHeight()
- outerWidth() 方法返回元素的宽度(包括内边距和边框)。outerHeight()
遍历
- parent([expr]) 取得一个包含着所有匹配元素的唯一父元素的元素集合。
- parents([expr]) 取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。
- parentsUntil([expr|element] [,filter]) 查找当前元素的所有的父辈元素,直到遇到匹配的那个元素为止。
- children([expr]) 取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。
- find(expr|obj|ele) 用于查找的表达式|一个用于匹配元素的jQuery对象|一个DOM元素
- 同胞:所有元素:siblings() 下一个: next() nextAll()nextUntil()prev() prevAll()prevUntil()
- filter(expr|obj|ele|fn) 筛选出与指定表达式匹配的元素集合。first(), last(),eq(),not()
- each(callback) 以每一个匹配的元素作为上下文来执行一个函数。
- get([index]) 取得第 index 个位置上的元素 get()取得所有匹配的 DOM 元素集合。
- index([selector|element]) 搜索匹配的元素,并返回相应元素的索引值,从0开始计数。不传递参数,返回这个元素在同辈中的索引位置。