JQuery是一个非常常用的JavaScript库，旨在简化JavaScript在浏览器中的HTML文档操作。jQuery bind()和on()函数是其中两个经常用到的函数。

bind()函数在jQuery 1.7以前是用来绑定事件处理程序的方法。例如：

$(document).ready(function() {
$("button").bind("click", function() {
alert("Button clicked");
});
});

这个例子展示了一个点击按钮，弹出一个警告框的事件处理程序。bind()方法的前两个参数是事件类型和需要绑定的事件处理程序。从jQuery 1.7开始，推荐使用on()方法绑定事件处理程序。

on()方法的语法如下：

$(selector).on(event,childSelector,data,function,map)

其中，selector表示一个jQuery选择器，event表示事件的类型，例如“click”，“mouseover”等等。childSelctor是一个可选的参数，可以过滤子元素。data是一个可选的参数，传递到事件处理程序的附加数据。function是一个事件处理程序。map是可以包含一个或多个用于设置事件处理程序的对象。

例如使用on()方法的代码可以像这样：

$(document).ready(function(){
$("button").on("click",function(){
alert("Button clicked");
});
});

与bind()方法不同的是，on()方法可以同时设置多个事件处理程序，例如下面的代码：

$(document).ready(function(){
$("button").on({
mouseenter:function(){
$(this).css("background-color","yellow");
},
mouseleave:function(){
$(this).css("background-color","white");
},
click:function(){
$(this).css("background-color","green");
}
});
});

这个例子展示了如何为鼠标mouseenter、mouseleave和click事件设置事件处理程序。当鼠标移动到按钮上时，按钮的背景颜色变为黄色，鼠标离开时变为白色，当点击按钮时，背景颜色变成绿色。

以上是jQuery bind()和on()函数的使用方法及注意事项。在实际的开发过程中，我们可以根据需要来选择合适的函数。