jquery绑定事件的方法 jquery节点
大家好，感谢邀请，今天来为大家分享一下jquery绑定事件的方法的问题，以及和jquery节点的一些困惑，大家要是还不太明白的话，也没有关系，因为接下来将为大家分享，希望可以帮助到大家，解决大家的问题，下面就开始吧！
jquery中有哪些基础事件方法
jquery基础事件，包括绑定事件、简写事件、复合事件；
一．绑定事件
jQuery通过.bind()方法来为元素绑定这些事件。
形式：
bind(type, [data], fn)
参数：
type表示一个或多个类型的事件名字符串；
[data]是可选的，作为 event.data属性值传递一个额外的数据，这个数据是一个字符串、一个数字、一个数组或一个对象；
fn表示绑定到指定元素的处理函数。
二、简写事件
为了使开发者更加方便的绑定事件，jQuery封装了常用的事件以便节约更多的代码。称之为简写事件。简写事件，绑定方法如下图，
三、复合事件
jQuery提供了许多最常用的事件效果，组合一些功能实现了一些复合事件，比如切换功能、智能加载等。
扩展资料
1、绑定事件fn函数
1)使用点击事件
$('input').bind('click', function(){//点击按钮后执行匿名函数
alert('点击！');
});
2)普通处理函数
$('input').bind('click', fn);//执行普通函数式无须圆括号
function fn(){
alert('点击！');
}
2、简写事件函数
1）.mouseover()和.mouseout()表示鼠标移入和移出的时候触发。而.mouseenter()和.mouseleave()表示鼠标穿过和穿出的时候触发。
2）.keydown()、.keyup()返回的是键码，而.keypress()返回的是字符编码。
3）.focus()和.blur()分别表示光标激活和丢失，事件触发时机是当前元素。而.focusin()和.focusout()也表示光标激活和丢失，但事件触发时机可以是子元素。
3、复合事件示例，背景移入移出切换效果
$('div').hover(function(){
$(this).css('background','black');//mouseenter效果
}, function(){
$(this).css('background','red');//mouseleave效果，可省略
});
参考资料
jQuery官方网站-事件
JQuery入门——用bind方法绑定事件处理函数应用介绍
1、bind()功能是为每个选择元素的事件绑定处理函数，其语法如下：bind(type,
[data],
fn)
其中type为一个或多个类型的字符串，如click或change，也可以自定义；可以被type调用的类型包括blur、focus、load、resize、scroll、unload、click、dbclick、mousedown等事件。参数data是作为event.data属性值传递对象的额外数据对象。参数fn是绑定到每个选择元素的事件中的处理函数。
2、示例代码：
复制代码
代码如下:
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"">
<html
xmlns="">
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=utf-8"
/>
<title>bind方法绑定事件</title>
<script
type="text/javascript"
src="jquery-1.8.3.min.js"></script>
<script
type="text/javascript">
$(function(){
var
intI=0;
$("#btnBind").bind("click
",function(){
intI++;
$(".clsShow").show().html("您好，欢迎来到JQuery世界！").append("<div>执行次数"+intI+"</div>");
$(this).attr("disabled","disabled");//按钮不可用
})
})
</script>
</head>
<body>
<input
id="btnBind"
type="button"
value="Button"
class="btn"/>
<div
class="clsShow"></div>
</body>
</html>
3、效果图预览：
再点击则无反应
jQuery 绑定并实现单击事件
实现的方法如下：
1、第一步，创建一个新的html文件，见下图，转到下面的步骤。
2、第二步，执行完上面的操作之后，创建输入框和按钮，见下图，转到下面的步骤。
3、第三步，执行完上面的操作之后，预览效果见下图，转到下面的步骤。
4、第四步，执行完上面的操作之后，需要引入jquery.js，见下图，转到下面的步骤。
5、第五步，执行完上面的操作之后，设置输入框的keydown事件与click事件，见下图，转到下面的步骤。
6、第六步，执行完上面的操作之后，按钮单击触发事件，见下图，转到下面的步骤。
7、第七步，执行完上面的操作之后，单击按钮，效果见下图。这样，就解决了这个问题了。
好了，关于jquery绑定事件的方法和jquery节点的问题到这里结束啦，希望可以解决您的问题哈！