关于jqueryoff的信息

jquery 不是on绑定的时间可以用off移除吗

可以的。

input type='button'

$('input').click(function(){

    console.log('a');

    $('input').off();

})

正常点击一次 会打印一次 a 但是添加off()后 再点击就不会打印了，证明已经解绑了。

相关问答

Q1: jquery unbind 和off的区别

1：unbind()：为每个匹配元素的特定事件绑定事件处理函数。

unbind(type,[data],fn)

type: 含有一个或多个事件类型的字符串，由空格分隔多个事件。

比如"click"或"submit"，还可以是自定义事件名。

data:作为event.data属性值传递给事件对象的额外数据对象

fn:绑定到每个匹配元素的事件上面的处理函数

2：off()在选择元素上绑定一个或多个事件的事件处理函数。

off(events,[selector],[data],fn)

events:一个或多个用空格分隔的事件类型和可选的命名空间,如"click"或"keydown.myPlugin" 。

selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择的 null或省略，当它到达选定的元素，事件总是触发。

data:当一个事件被触发时要传递event.data给事件处理函数。

fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写，返回false。

对比发现off 和unbind的 差别不大， 但是off多一个[selector] 可以过滤指定元素。

另外，查看jQuery源码可知，.unbind()是通过.off()来实现的

Q2: jQuery1.11.1有什么新特性？

JQUERY1.11.1在线文档

jQuery 1.11.1速查手册，jQuery 1.11.1版本在线文档，jQuery 1.11.1 api

核心

jQuery 核心函数

jQuery([sel,[context]])

jQuery(html,[ownerDoc])1.8*

jQuery(callback)

jQuery.holdReady(hold)

jQuery 对象访问

each(callback)

size()

length

selector

context

get([index])

index([selector|element])

数据缓存

data([key],[value])

removeData([name|list])1.7*

$.data(ele,[key],[val])1.8-

队列控制

queue(e,[q])

dequeue([queueName])

clearQueue([queueName])

插件机制

jQuery.fn.extend(object)

jQuery.extend(object)

多库共存

jQuery.noConflict([ex])

属性

属性

attr(name|pro|key,val|fn)

removeAttr(name)

prop(n|p|k,v|f)

removeProp(name)

CSS 类

addClass(class|fn)

removeClass([class|fn])

toggleClass(class|fn[,sw])

HTML代码/文本/值

html([val|fn])

text([val|fn])

val([val|fn|arr])

CSS

CSS

css(name|pro|[,val|fn])1.9*

jQuery.cssHooks

位置

offset([coordinates])

position()

scrollTop([val])

scrollLeft([val])

尺寸

height([val|fn])

width([val|fn])

innerHeight()

innerWidth()

outerHeight([soptions])

outerWidth([options])

选择器

基本

#id

element

.class

*

selector1,selector2,selectorN

层级

ancestor descendant

parent child

prev + next

prev ~ siblings

基本

:first

:not(selector)

:even

:odd

:eq(index)

:gt(index)

:lang1.9+

:last

:lt(index)

:header

:animated

:focus

:root1.9+

:target1.9+

内容

:contains(text)

:empty

:has(selector)

:parent

可见性

:hidden

:visible

属性

[attribute]

[attribute=value]

[attribute!=value]

[attribute^=value]

[attribute$=value]

[attribute*=value]

[attrSel1][attrSel2][attrSelN]

子元素

:first-child

:first-of-type1.9+

:last-child

:last-of-type1.9+

:nth-child

:nth-last-child()1.9+

:nth-last-of-type()1.9+

:nth-of-type()1.9+

:only-child

:only-of-type1.9+

表单

:input

:text

:password

:radio

:checkbox

:submit

:image

:reset

:button

:file

:hidden(form)

表单对象属性

:enabled

:disabled

:checked

:selected

文档处理

内部插入

append(content|fn)

appendTo(content)

prepend(content|fn)

prependTo(content)

外部插入

after(content|fn)

before(content|fn)

insertAfter(content)

insertBefore(content)

包裹

wrap(html|ele|fn)

unwrap()

wrapAll(html|ele)

wrapInner(html|ele|fn)

替换

replaceWith(content|fn)

replaceAll(selector)

删除

empty()

remove([expr])

detach([expr])

复制

clone([Even[,deepEven]])

筛选

过滤

eq(index|-index)

first()

last()

hasClass(class)

filter(expr|obj|ele|fn)

is(expr|obj|ele|fn)

map(callback)

has(expr|ele)

not(expr|ele|fn)

slice(start,)

查找

children([expr])

closest(e|o|e)1.7*

find(e|o|e)

next([expr])

nextall([expr])

nextUntil([e|e][,f])

offsetParent()

parent([expr])

parents([expr])

parentsUntil([e|e][,f])

prev([expr])

prevall([expr])

prevUntil([e|e][,f])

siblings([expr])

串联

add(e|e|h|o[,c])1.9*

andSelf()1.8-

addBack()1.9+

contents()

end()

事件

页面载入

ready(fn)

事件处理

on(eve,[sel],[data],fn)1.7+

off(eve,[sel],[fn])1.7+

bind(type,[data],fn)

one(type,[data],fn)

trigger(type,[data])

triggerHandler(type, [data])

unbind(t,[d|f])

事件委派

live(type,[data],fn)1.7-

die(type,[fn])1.7-

delegate(s,[t],[d],fn)

undelegate([s,[t],fn])

事件切换

hover([over,]out)

toggle([spe],[eas],[fn])1.9-

事件

blur([[data],fn])

change([[data],fn])

click([[data],fn])

dblclick([[data],fn])

error([[data],fn])

focus([[data],fn])

focusin([data],fn)

focusout([data],fn)

keydown([[data],fn])

keypress([[data],fn])

keyup([[data],fn])

mousedown([[data],fn])

mouseenter([[data],fn])

mouseleave([[data],fn])

mousemove([[data],fn])

mouseout([[data],fn])

mouseover([[data],fn])

mouseup([[data],fn])

resize([[data],fn])

scroll([[data],fn])

select([[data],fn])

submit([[data],fn])

unload([[data],fn])

效果

基本

show([s,[e],[fn]])

hide([s,[e],[fn]])

滑动

slideDown([s],[e],[fn])

slideUp([s,[e],[fn]])

slideToggle([s],[e],[fn])

淡入淡出

fadeIn([s],[e],[fn])

fadeOut([s],[e],[fn])

fadeTo([[s],o,[e],[fn]])

fadeToggle([s,[e],[fn]])

自定义

animate(p,[s],[e],[fn])1.8*

stop([c],[j])1.7*

delay(d,[q])

finish([queue])1.9+

设置

jQuery.fx.off

jQuery.fx.interval

AJAX

ajax 请求

$.ajax(url,[settings])

load(url,[data],[callback])

$.get(url,[data],[fn],[type])

$.getJSON(url,[data],[fn])

$.getScript(url,[callback])

$.post(url,[data],[fn],[type])

ajax 事件

ajaxComplete(callback)

ajaxError(callback)

ajaxSend(callback)

ajaxStart(callback)

ajaxStop(callback)

ajaxSuccess(callback)

其它

$.ajaxPrefilter([type],fn)

$.ajaxSetup([options])

serialize()

serializearray()

工具

浏览器及特性检测

$.support

$.browser1.9-

$.browser.version

$.boxModel

数组和对象操作

$.each(object,[callback])

$.extend([d],tgt,obj1,[objN])

$.grep(array,fn,[invert])

$.sub()1.9-

$.when(deferreds)

$.makeArray(obj)

$.map(arr|obj,callback)

$.inArray(val,arr,[from])

$.toArray()

$.merge(first,second)

$.unique(array)

$.parseJSON(json)

$.parseXML(data)

函数操作

$.noop

$.proxy(function,context)

测试操作

$.contains(c,c)

$.type(obj)

$.isarray(obj)

$.isFunction(obj)

$.isEmptyObject(obj)

$.isPlainObject(obj)

$.isWindow(obj)

$.isNumeric(value)1.7+

字符串操作

$.trim(str)

URL

$.param(obj,[traditional])

插件编写

$.error(message)

$.fn.jquery

事件对象

eve.currentTarget

eve.data

eve.delegateTarget1.7+

eve.isDefaultPrevented()

eve.isImmediatePropag...()

eve.isPropagationStopped()

eve.namespace

eve.pageX

eve.pageY

eve.preventDefault()

eve.relatedTarget

eve.result

eve.stopImmediatePro...()

eve.stopPropagation()

eve.target

eve.timeStamp

eve.type

eve.which

延迟对象

def.done(d,[d])

def.fail(failCallbacks)

def.isRejected()1.7-

def.isResolved()1.7-

def.reject(args)

def.rejectWith(c,[a])

def.resolve(args)

def.resolveWith(c,[a])

def.then(d[,f][,p])1.8*

def.promise([ty],[ta])

def.pipe([d],[f],[p])1.8-

def.always(al,[al])

def.notify(args)1.7+

def.notifyWith(c,[a])1.7+

def.progress(proCal)1.7+

def.state()1.7+

回调函数

cal.add(callbacks)1.7+

cal.disable()1.7+

cal.empty()1.7+

cal.fire(arguments)1.7+

cal.fired()1.7+

cal.fireWith([c] [,a])1.7+

cal.has(callback)1.7+

cal.lock()1.7+

cal.locked()1.7+

cal.remove(callbacks)1.7+

$.callbacks(flags)1.7+

Q3: jquery取消双击事件的绑定的方法是off吗

off()函数用于移除元素上绑定的一个或多个事件的事件处理函数。

off()函数主要用于解除由on()函数绑定的事件处理函数。

该函数属于jQuery对象(实例)。

语法

jQuery 1.7 新增该函数。其主要有以下两种形式的用法：

用法一：

jQueryObject.off( [ events [, selector ] [, handler ] ] )

用法二：

jQueryObject.off( eventsMap [, selector ] )

参数

参数

描述

events 可选/String类型一个或多个用空格分隔的事件类型和可选的命名空间，例如"click"、"focus click"、"keydown.myPlugin"。

eventsMap Object类型一个Object对象，其每个属性对应事件类型和可选的命名空间(参数events)，属性值对应绑定的事件处理函数(参数handler)。

selector 可选/String类型一个jQuery选择器，用于指定哪些后代元素可以触发绑定的事件。如果该参数为null或被省略，则表示当前元素自身绑定事件(实际触发者也可能是后代元素，只要事件流能到达当前元素即可)。

handler 可选/Function类型指定的事件处理函数。

off()函数将会移除当前匹配元素上为后代元素selector绑定的events事件的事件处理函数handler。

如果省略参数selector，则移除为任何元素绑定的事件处理函数。

参数selector必须与通过on()函数添加绑定时传入的选择器一致。

如果省略参数handler，则移除指定元素指定事件类型上绑定的所有事件处理函数。

如果省略了所有参数，则表示移除当前元素上为任何元素绑定的任何事件类型的任何事件处理函数

Q4: jQuery中，一个元素被off()掉一个事件，怎么触发这个元素恢复那个事件？

// 除了重新绑定事件外，不知道下面的方法能否能为你解惑

$('#id').on('click', function(){ 

    if($(this).hasClass('off')){ // 判断当前元素是否有off的类，如果有则不继续向下执行

        return;

    }

    // some code

});

// 方法2 其实和上面的差不多

var switcher = true;

$('#id').on('click', function(){ 

    if(!switcher){ // 判断switcher如果是false，则不向下执行

      return;

    }

    // some code 

});

// 所以你可以通过改变元素的类或设定一个变量的布尔来控制：点击该元素的时候是否触发相对应的操作