<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="../js/jquery-1.8.1.min.js"></script>
</head>
<body>
<a id="aa" href="#">我是超链接,点我呀!</a>
<select id="city">
<option value="nj">南京</option>
<option value="bj">北京</option>
<option value="hz">杭州</option>
<option value="sz">苏州</option>
<option value="sh">上海</option>
<option value="yz">扬州</option>
</select>
<script type="text/javascript">
//jquery中的事件可以叠加,下面为aa超链接添加了4次点击事件
$().ready(function () {
for (var i = 0; i < 4; i++) {
$('#aa').click(function () {
//alert("aa is clicked");
//自定义事件其实就是把该事件绑定到一个dom对象上,就是dom对象的一个属性
//找一个事件的触发方式,触发事件
//传递参数
$('#aa').unbind('click');//解绑
$('#aa').bind('click', function () {
$(this).trigger('点我', ["a", 'b']);
});
});
}
//自定义下拉框的选择事件
$('#city').unbind('change');//解绑
$('#city').bind('change', function () {
$(this).trigger('mySelect', $(this).val());
});
});
$('#aa').unbind('点我');
$('#aa').bind('点我', function (event, a, b) {
alert('点我' + ',' + a + ',' + b);
});
$('#city').unbind('mySelect');
$('#city').bind('mySelect', function (event, city) {
alert("您选择的城市是:" + city);
});
</script>
</body>
</html>
jQuery中自定义事件
最新推荐文章于 2020-10-09 16:25:13 发布