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

自动触发事件--jQuery事件处理

2011-08-30 17:44 295 查看
 
l  自动触发事件

知识点：

网页上有两个按钮：BOLD和ITALIC，要求事件自动触发任一按钮上的单击事件。

说明：

trigger()方法：

此方法调用指定事件类型的事件处理函数（事件类型作为参数传递给此方法）。

语法格式：trigger(eventType)

eventType:是字符串，指定事件的类型，即：单击、双击、聚焦、失焦等等。

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>jQuery事件处理--自动触发事件</title>

<script type="text/javascript" src="../../rs/js/jquery.js"></script>

<script type="text/javascript">

<!--

$(

function()

{

$('.buttons').bind('click',

function()

{

alert('YOU HAVE CLICKED THE [' +

$(this).text() + '] BUTTON');

}

);

$('#ii').trigger('click');

}

);

//-->

</script>

<style type="text/css">

.buttons{

width:100px;

float: left;

text-align: center;

margin: 5px;

border: 2px solid;

font-weight: bold;

cursor: hand;

}

</style>

</head>

<body>

<span id="ib" class="buttons">BOLD</span>

<span id="ii" class="buttons">ITALIC</span>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  function class html button border float
相关文章推荐
新的分享
章节导航