當前位置:編程學習大全網 - 遊戲軟體 - JQuery入門——用bind方法綁定事件處理函數應用介紹

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"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html

xmlns="http://www.w3.org/1999/xhtml">

<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、效果圖預覽:

再點擊則無反應

  • 上一篇:cf有黑邊怎麽恢復全屏win7
  • 下一篇:關於運動的歌詞
  • copyright 2024編程學習大全網