关于jquery

来源：互联网发布：mac系统远程桌面编辑：程序博客网时间：2024/05/16 05:18

$()的返回值是一个jquery对象，jquery对象是类数组，他们拥有length属性和介于0~length-1之间的数值属性；可以用toArray()方法来将jquery对象转化为真实数组；

each()：遍历jquery对象中的所有元素；该方法会将索引值和该元素作为第一个和第二个参数传递给回调函数；

map()：和Array.prototype.map()方法很相近；

index()：该方法接受一个元素作为参数，返回值是该元素在此jquery对象中的索引值，如果找不到的话则返回-1；

is()：它接受一个选择器作为参数，如果选中元素中至少有一个匹配该选择器时则返回true；

jquery对象中的getter和setter方法：同一方法既可以当getter用又做setter用，如果传入新值给该方法，则它设置此值，如果没有则返回当前值；用作setter时，给jquery对象中的每一个元素设置值，返回jquery对象，接受对象/函数作为参数；用作getter时，只查询元素集中的第一个元素，返回单个值；

attr()：是jquery中用于HTML属性的getter/setter；

css()：作用于元素的css样式；不能获取复合样式的值；

addClass()：添加类；

removeClass()：删除类；

toggleClass()：当元素没有某些类时添加，反之则删除；

hasClass()：判断某类是否存在，只能接受单个类名作为参数，并且不支持函数参数；

val()：设置和获取HTML表单元素的value属性；

text()：获取和设置元素的纯文本内容；

html()：设置和获取HTML内容；

offset()：可以获取或设置元素的位置；该方法相对文档来计算位置值，返回一个对象，带有left和top属性；

position()：返回的元素位置是相对于其偏移父元素的；

offsetParent()：把每个元素映射到最近的定位祖先元素或<body>元素；

width()、height()：返回元素的宽度和高度，不包含内边距、边框和外边距；可用于Window或Document对象；

innerWidth()、innerHeight()：返回元素的宽度和高度，包含内边距；

outerWidth()、outerHeight()：返回包含元素内边距和边框的尺寸；

scrollTop()、scrollLeft()：可获取或设置元素的滚动条位置；不可传递函数作为参数；

data()：可用来设置或获取文档元素、Document或Window对象相关联的数据；不接受函数参数；

removeData()：用来从元素中删除数据；

append()/appendTo()：在目标元素的结尾处插入内容；

prepend()/prependTo()：在目标元素的起始处插入内容；

after()/insertAfter()：在目标元素的后面插入内容；

before()/insertBefore()：在目标元素的前面插入内容；

replaceWith()/replaceAll()：将目标元素替换为内容；

clone()：创建并返回每一个选中元素（包含元素所有的子孙）的一个副本；不会复制事件处理程序和与元素关联的其他数据，如果想复制这些，请传入true参数；

wrap()：包装每一个选中元素；

wrapInner()：包装每一个选中元素的内容；

wrapAll()：将选中元素作为一组来包装；

empty()：会删除每个选中元素的所有子节点，但不会修改元素本身；

remove()：从文档中移除选中元素；若带有参数，该参数会被当成选择器，jquery对象中只有匹配该选择器的元素才会被移除；

filter()：

detach()：与remove()类似，但不会移除事件处理程序和数据；

unwrap()：用来实现元素的移除，移除每一个选中元素的父元素，不影响选中元素及其兄弟节点；不接受可选的选择器参数；

jquery事件处理程序函数的返回值始终有意义：如果返回false，与该事件相关联的默认行为以及该事件接下来的冒泡都会被取消；当返回一个值（非undefined）时，jquery会将该值存储在Event对象的result属性中，该属性可以被后续调用的事件处理程序访问；

bind()：为命名的事件绑定程序；需要一个事件类型字符串作为其第一个参数，以及一个事件处理程序函数作为其第二个参数；也可以带有三个参数，事件类型是第一个参数，处理程序函数是第三个参数，中间参数可以传入任何值，jquery会在调用处理程序前，将指定的值设置为Event对象的data属性；如果第一个参数是由空格分隔的事件类型列表，则处理程序函数会为每一个命名的事件类型注册；允许注册的事件处理程序指定命名空间，要绑定事件处理器到命名空间中时，添加句点（.）和命名空间名到事件类型字符串中即可，可分配多个命名空间；第一个参数可以是对象，该对象把事件名映射到处理程序函数；

one()：调用和bind()一样，但只触发一次；

unbind()：注销bind()和相关jquery方法注册的事件处理程序；

trigger()：传入事件类型字符串为第一个参数，会在jquery对象中的所有元素上触发为该类型事件注册的所有处理程序；可以传入Event对象（或任何有type属性的对象）；

triggerHandler()：通过该函数手动触发的事件不会冒泡，也不会执行相关联的默认操作；

可以用bind()注册“自定义事件”的处理程序，使用trigger()可以调用这些处理程序；

delegate()：实时事件，依赖于冒泡；通常在$(document)上调用，传入一个jquery选择器字符串、一个jquery事件类型字符串以及一个jquery事件处理程序函数；它会在document或window上（或jquery对象的任何元素上）注册一个内部处理程序；

undelegate()：

live()：也可以用来注册实时事件；在jquery对象上调用live()方法时，该对象中的元素实际上并没有使用，真正有关系的是用来创建jquery对象的选择器字符串和上下文对象（传递给$()的第一个和第二个参数）；

die()：注销实时事件处理程序；

动画效果：

jquery动画框架的一些通用特性：

每段动画都有时长，用来指定动画效果持续多长时间，可以用毫秒数或字符串；“fast"表示200ms，”slow“表示600ms，如果指定的字符串无法识别则采用默认400ms；可以给jQuery.fx.speeds添加新的字符串到数值映射关系来定义新的时长名字；可以设置jQuery.fx.off=ture将在全局禁用所有动画；jquery动画是异步的，方法会立即返回，动画则在后台执行，因此可以向很多jquery动画方法传入第二个参数作为动画完成时的回调函数；jquery动画默认是队列化的；jquery动画方法还可以传入一个对象，该对象的属性指定动画选项；

fadeIn()、fadeOut()、fadeTo()：改变CSS的opacity属性来显示或隐藏元素；

show()、hide()、toggle()：隐藏或显示选中元素，会将元素从布局中移除；toggle()传入true和不带参数调用show()一样，传入false则和不带参数调用hide()一样；

slideDown()、slideUp()、slideToggle()：slideUp()会隐藏jquery对象中的元素，方式是将其高度动态变化到0，然后设置CSS的display属性为“none“；slideDown()使隐藏的元素再次可见；

animate()：自定义动画；第一个参数必须是一个对象指定动画内容，剩余参数指定如何定制动画；第一个参数对象的属性名必须是CSS属性名，属性值必须是动画的目标值，动画只支持数值属性，属性值可以指定相对值，用”+=“前缀表示增加，用”-=“表示减少，还可以使用单个其他值，”hide“会保存属性的当前值然后将属性值变到0，”show“会将CSS属性值还原到之前保存的值，”toggle“实现显示或隐藏；第二个参数是可选的，该选项对象用来指定动画如何执行，duration属性指定动画持续的毫秒时间，该属性值还可以是”fast“、”slow“或任何在jQuery.fx.speeds中定义的名称，complete属性指明动画完成时的回调函数，queue属性指定动画是否需要队列化，默认是，可以设置为false取消队列化，easing属性指定缓动函数名；

stop()：停止选中元素上的当前正在执行的任何动画；接受两个可选布尔参数，第一个参数为true时会删除选中元素上的动画队列，false则不会，第二个参数指定正在连续变化的CSS属性是否保留当前值，传入true可以让它们变化到最终值，传入false会让它们保持当前值；

delay()：添加一个时间延迟到动画队列里；第一个参数是时长，第二个参数是队列名，可选；

queue()：给队列添加一个新函数；

dequeue()：如果队列中什么也没有，该方法不会有任何响应，否则会将队列头部的函数从队列中移除，并调用它；

clearQueue()：清除队列；

0 0