您的位置：首页 > Web前端 > JQuery

jQuery中自定义事件

2016-03-11 20:50 573 查看

<!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

相关文章推荐

新的分享

章节导航