JQuery中的bind函数和on函数有什么区别
JQuery中的bind函数和on函数都是用于绑定事件处理程序的方法，但它们在使用方式和功能上有一些区别。
- bind函数：
- 概念：bind函数用于将一个或多个事件处理程序附加到匹配元素上。
- 分类：bind函数属于JQuery的事件绑定方法。
- 优势：bind函数可以绑定多个事件处理程序，并且可以使用命名空间来管理事件。
- 应用场景：常用于绑定简单的事件，如点击、鼠标移入移出等。
- 腾讯云相关产品和产品介绍链接地址：暂无。
- on函数：
- 概念：on函数用于在当前或未来的元素上绑定一个或多个事件处理程序。
- 分类：on函数属于JQuery的事件绑定方法。
- 优势：on函数可以绑定多个事件处理程序，并且可以使用命名空间来管理事件。它还支持动态绑定，即对于后添加的元素也能生效。
- 应用场景：常用于绑定复杂的事件，如动态加载的元素、事件委托等。
- 腾讯云相关产品和产品介绍链接地址：暂无。
总结：
- bind函数和on函数都是JQuery中的事件绑定方法，用于将事件处理程序附加到元素上。
- bind函数适用于简单的事件绑定，而on函数更加灵活，适用于复杂的事件绑定和动态绑定。
- 腾讯云目前没有特定的产品与JQuery的bind函数和on函数相关联。
相关·内容
1回答
我知道.on() 与jQuery一起存在，考虑到我的jQuery版本大于或等于1.7，以后不应该使用.bind()。
我想知道的是:使用.bind()将匿名函数或命名函数附加到事件处理程序有什么区别吗？
示例：
// Anonymous function
$(".warning").bind("click", function(){
alert("Hello");
});
// Named function
$(".warning").bind("click", foo);
function foo(){
浏览 7提问于2012-08-21得票数 11
回答已采纳
在jQuery v1.7中添加了。从文件中：
‘.on()方法将事件处理程序附加到jQuery对象中当前选定的元素集中。在jQuery 1.7中，.on()方法提供了附加事件处理程序所需的所有功能。
live和bind有什么区别？
浏览 4提问于2011-11-09得票数 173
回答已采纳
4回答
这两个jQuery函数有什么区别？
.bind('click'，….click(…)
1. $("#div").bind('click', function(event) { });
2. $("#div").click(function() { });
浏览 3提问于2011-05-07得票数 1
针对，提出了两种方法：
使用javascript
在对的评论中，建议使用
实际上，使用JS bind()：$(document).on('dblclick'，'#an_tnam tr'，ADS.bind(null，‘hello’))有一个更简洁的语法；第一个参数是您希望"this“在回调函数中具有的值。-2016年2月19日16时24分
在jQuery的中使用数据参数
David的回答建议使用jQuery的data参数
$(document).on('dblclick', '#an_tnam tr', { ext
浏览 0提问于2016-09-19得票数 0
Boost::bind和Boost Phoenix::bind有什么区别？
浏览 0提问于2009-08-14得票数 12
回答已采纳
4回答
两者有什么区别？
$(function() {
// bind some event listeners
});
和
$(function() {
// bind some event listeners
}());
浏览 2提问于2017-04-13得票数 5
回答已采纳
2回答
Backbone.js中的bind()和on()方法有什么区别
()上的文档：
bind()的文档：
应该使用这两个中的哪一个来绑定对象的自定义事件？
使用示例：
this.bind('myEvent', this.render, this);
this.on('myEvent', this.render, this);
浏览 3提问于2013-04-08得票数 7
回答已采纳
2回答
绑定与x的区别:绑定
、、、
在UWP、Binding或x:Bind中使用什么?它们之间有什么区别？
因为我看到了很多人们使用Binding的帖子，我只在UWP中绑定x:Bind。
在MSDN主页上，它只说“{x:Bind}和{Binding}创建的绑定对象在功能上基本上是等价的”。而x:Bind是的更快的。
，但它们之间有什么区别呢？
因为“基本功能等效”并不意味着等同。
我引用的链接：
，所以我的问题是：
在UWP中使用Binding或x:Bind有什么区别？
浏览 2提问于2016-05-23得票数 65
回答已采纳
$(document).ready(function() {
$('#switcher-default').bind('click', function() {
$('body').removeClass('narrow');
$('body').removeClass('large');
});
});
第二项职能：
$(document).ready(function() {
$('#switcher-default').click(function(
浏览 5提问于2012-02-03得票数 2
回答已采纳
当我不想修改参数时，提供一个带bind的回调方法和不带这个回调方法有什么区别吗？例如，is
async(console.log)
和
async(console.log.bind(console))
技术上是相同的，还是存在行为不同的情况？
浏览 1提问于2015-05-22得票数 0
1回答
我使用bind on jQuery上的bind来用唯一的命名空间单击和调整监听器的大小，这样我就可以安全地解除它们的绑定。
当按下点击-它是记录“鼠标点击”消息。
但是当改变窗户的尺寸时什么都没发生。
class MyView {
constructor() {
$(window.document).on('click.myView', this._onDocumentClick.bind(this));
$(window.document).on('resize.myView', this._onDocumentResi
浏览 0提问于2018-03-18得票数 0
回答已采纳
function(){和function(e){有什么区别？在网络上，我看到了很多地方，比如，
$('element').bind(function(){});
和
$('element').bind(function(e){});。
但是，有人能清楚地区分这一点吗？这样我就能理解了。
浏览 7提问于2012-09-20得票数 3
回答已采纳
$(".anything").click()和$(“.anything”).bind(点击)有什么区别
$(".anything").click(function() {
});
$(".anything").bind('click', function() {
});
浏览 0提问于2010-10-19得票数 3
回答已采纳
在JQuery中
better?$.Ajax方法和$.post方法有什么区别？$.get方法和$.post方法有什么区别？，什么时候比.get和.post方法更好？<代码>G 212</code>
浏览 1提问于2011-06-30得票数 0
这两个函数有什么区别？
function bind_1(f, o) {
if (f.bind)
return f.bind(o);
else
return function() { return f.apply(o. arguments); };
}
function bind_2(f, o) {
if (f.bind)
return f.bind(o);
else
return f.apply(o. arguments);
}
浏览 0提问于2012-05-12得票数 0
回答已采纳
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>css demo</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(document).ready(function(){
$('button').c
浏览 3提问于2013-08-17得票数 0
回答已采纳
这个问题是与信息相关的。我是jquery的新手。我是相当有经验的HTML和CSS。
在Jquery中，Hover和Mouseover有什么区别？当悬停在一个元素上时它们不是都被激活了吗。
浏览 0提问于2013-08-05得票数 7
回答已采纳
function Person(name) {
this.name = name;
}
Person.prototype.myFriends5 = function(friends) {
var arr = friends.map(function(el) {
return this.name + ' is friends with ' + el;
}.bind(this));
console.log(arr);
}
var friends = ['Bob', 'Jane', 'Mark']
n
浏览 2提问于2018-07-15得票数 0
jquery中的筛选函数和查找函数有什么区别?？filter函数和find函数根据我的经验在jquery中做同样的工作。谁能分辨出他们之间的区别呢？
浏览 1提问于2014-03-18得票数 0
回答已采纳
有人能解释一下jQuery.isPlainObject()和jQuery.isEmptyObject()有什么区别吗？对于没有属性的对象，它们都返回true。示例
jQuery.isEmptyObject({}); // returns true
jQuery.isPlainObject({}); // returns true
提前谢谢。
浏览 2提问于2011-04-25得票数 6
回答已采纳
3回答
当我查看JQuery插件代码时，我几乎觉得我们是在创建一个函数(尽管我们使用JQuery.fn语法)，函数和插件有什么区别？
浏览 0提问于2010-09-28得票数 2
回答已采纳
jquery.size()和jquery.length之间有什么区别？像这样：
$('#test').size();
$('#test').length;
浏览 0提问于2016-01-19得票数 0
回答已采纳
我有下面的鸡计划代码片段：
(require-extension bind)
(bind* "double int_exp(double, int);")
(bind* "double square(double);")
(begin
(print (int_exp 1.2 1))
(print (square 2.0)))
int_exp和square只是我用来进行测试的小测试函数(用C编写的)。这段代码运行良好；但是，一旦删除星号，编译后的程序就会打印假值(而伪值取决于我是使用clang还是gcc编译C代码)。bind文档--简单地说是
浏览 1提问于2013-10-05得票数 1
回答已采纳
2回答
可能重复：
我现在很好奇，我看到了这两个类似的例子：
(function ($) {
// code
}(jQuery));
和
(function ($) {
// code
})(jQuery);
有什么区别吗?如果有，那又如何？
浏览 4提问于2011-07-28得票数 2
回答已采纳
2回答
封闭或约束
、、
限制器1和限制器2有什么区别吗？
var limiter1 = function(limiter){
return function(item){
return item > limiter;
};
};
var limiter2 = function(limiter){
return function(limiter,item){
return item > limiter;
}.bind(this,limiter);
};
浏览 3提问于2015-12-18得票数 0
回答已采纳
2回答
我有如下的jQuery代码块；
(function($){
//Normal code goes here
})(jQuery);
现在我想明白
如果这是一个自动执行的函数呢？如果是，为什么？
传递给函数的"$“和最后指定的"jQuery”之间有什么区别？其中一个是参数，另一个是参数吗？
是否有必要在末尾指定"jQuery“。
谢谢。
浏览 4提问于2013-01-21得票数 0
试图理解jquery是如何在幕后工作的，它们之间有什么区别：
jQuery.fn和jQuery.prototype
jQuery = window.jQuery = window.$ = function( selector, context ) {
// The jQuery object is actually just the init constructor 'enhanced'
return new jQuery.fn.init( selector, context );
},
然后：
jQuery.fn = jQuery.protot
浏览 0提问于2009-11-11得票数 3
我一直使用(typeof variable === "function")，我偶然发现了jQuery.isFunction()，我想知道：
类型方法和jQuery方法有什么区别？不仅区别是什么，而且
什么时候使用类型方法合适，何时使用jQuery方法？
浏览 4提问于2012-08-30得票数 8
回答已采纳
我在javascript文件中见过很多这样的模式：
(function ($)
{
//Perform operation X
}(jQuery));
把上面的代码放在js文件里和放在下面的文件里有什么区别吗？
function myFunc($)
{
//Perform operation X
}
myFunc(jQuery);
或者它只是更简洁？
浏览 0提问于2011-10-14得票数 3
回答已采纳
使用fat箭头(将函数绑定到当前值)与将@值放入变量之间有什么区别？
肥箭
Account = (customer, cart) ->
@customer = customer
@cart = cart
$('.shopping_cart').bind 'click', (event) =>
@customer.purchase @cart
和
Account = (customer, cart) ->
@customer = customer
@cart = cart
self = @
$('.
浏览 1提问于2014-11-20得票数 1
回答已采纳
在Ninject3中有一个新的。
如前所述，它有助于强类型的构造函数参数，如：
Bind<IMyService>().ToConstructor(
ctorArg => new MyService(ctorArg.Inject<IFoo>(), ctorArg.Inject<IBar>()));
实际上，以几乎相同的方式使用.ToConstructor和.ToMethod有什么区别：
Bind<IMyService>().ToMethod(
x => new MyService(x.Kernel.Get<IFoo
浏览 0提问于2012-01-08得票数 32
回答已采纳
我想知道使用jQuery和不使用它有什么区别，可能会考虑以下任务。我还没有找到任何答案。
jQuery：
jQuery(function() { alert("Hello World!"); })
$(function() { alert("Hello World!"); })
纯JavaScript：
(function() { alert("Hello World!"); })()
有什么关系？我什么时候应该使用哪种方法？谢谢!
浏览 8提问于2013-11-07得票数 0
回答已采纳
4回答
这些jQuery代码结构之间有什么区别，还是没有区别。它们都是$(document).ready(function(){的别名吗?如果是，为什么第一个代码片段中的美元？
jQuery(function($){
// stuff
});
和
$(function() {
// stuff
});
浏览 0提问于2011-09-29得票数 2
回答已采纳
function($)和$(function())有什么区别？
这代码是多余的吗？
(function($) {
"use strict";
$(function() {
run_code();
});
})(jQuery);
它们都是文档准备函数吗？
浏览 4提问于2019-10-24得票数 1
回答已采纳
我有一个视图模型
function ViewModel() {
this.applications = ko.observable(10);
this.applicationsText_computed = ko.computed(function () {
return "You have " + this.applications() + " applications";
});
this.applicationsText_classinc = function () {
return "
浏览 2提问于2013-04-29得票数 2
回答已采纳
我有一个程序，它将一个变量赋值为：
var theList = document.getElementById('theList');
它使用jquery，但如果我这样写它：
var theList = $('#theList');
使用该变量的函数不起作用。
jquery选择器和使用getElementById有什么区别？
浏览 1提问于2013-04-02得票数 12
我在另一个程序员编写的代码中遇到了对jquery的hide()的奇怪调用：
$('#eventStartTimePickerButton, #eventEndTimePickerButton')._hide();
_hide()和hide()在jQuery中有什么区别？
浏览 1提问于2015-07-15得票数 2
回答已采纳
1回答
装订、借用法
、、
你能解释一下区别吗？
var obj = {
0: "A",
1: "B",
2: "C",
length: 3,
print: function(){ console.log(this) }
};
//A (borrowing method. No changes in obj):
[].join.call(obj, "+"); //-> "A+B+C"
//B:
obj.join = [].join.bind(obj);
obj.join("+"); //-&g
浏览 3提问于2017-07-10得票数 0
回答已采纳
.on、.listenTo和.bind之间有什么区别？
我在这里测试了他们，他们似乎也在做同样的事情:回调。
var NewStatusView = Backbone.View.extend({
events: {
"submit form": "addStatus"
},
initialize: function(options) {
// using .on
//this.collection.on("add", this.clearInput, this);
浏览 1提问于2013-12-19得票数 14
回答已采纳
我想从需求版本2.0.0升级到2.1.5
以下是代码：
define(['jquery', 'test.js'],
function ($, test) {
var test = new $.test({
//options
});
....
});
test.js
(function($) {
var registerEvents = function() {
//dosth
};
$.test = function(options) {
$(documen
浏览 3提问于2014-12-31得票数 3
回答已采纳
javascript window和jquery $(window)有什么区别？
我在Chrome控制台中尝试了一下，得到的结果是：
因此，我的结论是“只是”一个包装在jquery对象中的窗口对象，这样我就可以在它上面使用jquery的函数(比如height()，width()，等等)
我确实试过用谷歌搜索，和stackoverlowing :) OFC，但没有成功。
浏览 1提问于2013-06-05得票数 11
回答已采纳
4回答
我们要在工作中从MooTools转到jQuery。我有一位同事告诉我，在使用$方法时，不要使用jQuery作为前缀(如果我正确理解他的话)。他说，相反，更合适或更安全的方式(我并没有真正跟随他)是使用jQuery.。
因此，不应该使用$.plugin()，而应该使用jQuery.plugin()。
为什么会是这样呢？他和$/jQuery有什么区别？我该忘了作为我的入口者的美元签名吗？只有在特定的情况下？
浏览 7提问于2010-02-06得票数 74
2回答
在我的一个组件中，我使用了如下内容：
<PhotoList update_photo={() => this.update_photo()} />
在这里，我传递了一个函数作为道具，它将照片更新为状态。
在我的照片列表组件中，我有更新照片的照片列表，如下所示：
<div className="single-photo" onClick={() => this.props.update_photo(photo)}>
这里它传递的是undefined而不是照片..但是，当我像<PhotoList update_photo={this.upd
浏览 9提问于2017-01-24得票数 0
回答已采纳
在jQuery中，$.ajax();和$.ajaxSetup();有什么区别，如下所示：
$.ajax({
cache:false
});
和
$.ajaxSetup({
cache:true
});
另外，哪一个是最好的选择？
浏览 0提问于2011-10-13得票数 58
回答已采纳
给定类似于ES6代码的
let a = new SomeClass();
let b = new AnotherClass();
let x = a.someMethod.bind(b, 1, 2, 3);
let y = () => a.someMethod.call(b, 1, 2, 3);
x，，，，，，，和有什么区别，我知道bind()是一个更老的函数，但是现在有必要用它来代替箭头函数吗？
至少对我来说，箭头函数语法比bind()语法容易得多，特别是因为在实际使用call()时，this仍然具有词法上下文中的正常含义。例如，bind()在实践中会有更好的性能(CPU或RAM)吗
浏览 3提问于2022-02-03得票数 3
回答已采纳
($当然是指jQuery)
例如，$(this).addClass('className')；和this.$.addClass(‘className’)有什么区别；
浏览 1提问于2015-06-11得票数 0
1回答
我已经将jquery自动完成插件包含在以下结构中：
<li class="search">
<input type="text" class="searchfield" name="searchfield" value="Search for Products" />
</li>
此输入字段的javascript如下所示：
<script type="text/j
浏览 2提问于2012-01-19得票数 1
我在我的php项目中大量使用了jquery。但是在某些页面上，$不能工作，所以我不得不使用jquery。例如：
jQuery('#mycarousel').jcarousel({
start: 3
});
有人能告诉我$和jquery有什么区别吗？
浏览 0提问于2013-03-26得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
