怎么给JQuery对象添加一个新事件

怎么给JQuery对象添加一个新事件,第1张

不是有个构造函数extend么,可以自行添加方法。如:

//给对象添加新的方法。

function extend(object, data){

  for(var key in data){

    object[key] = data[key]

  }

  return object

}

再或者用原生JS给web元素绑定事件

//绑定事件

function addEvent(el,evname,func){

  if(el.attachEvent){

    el.attachEvent("on"+evname,func)

  }else if(el.addEventListener){

    el.addEventListener(evname,func,true)

  }else{

    el["on"+evname]=func

  }

} //解除绑定

function delEvent(el,evname,func){

  if(el.removeEventListener){

    el.removeEventListener(evname,func,false)

  }else if(el.detachEvent){

    el.detachEvent("on"+evname,func)

  }else{

    el["on"+evname]=null

  }

}

<!DOCTYPE HTML>

<html>

<head>

<meta charset="UTF-8" />

<title>last.html</title>

<style type="text/css">

table {

border: 1px solid black

border-collapse: collapse

}

td {

border: 1px solid black

}

</style>

<script type="text/javascript" src="jquery-1.8.0.min.js"></script>

<script type="text/javascript">

    function initTr ()

    {

    var $trr = $("<tr style='height:30px'></tr>")

    for ( var x = 0 x < 10 x++)

    {

    var $tdd = "<td>123</td>"

    $trr.append ($tdd)

    }

    $ ("#dataTb>tbody").append ($trr)

    }

</script>

</head>

<body>

<input type="button" value="按钮" onclick="initTr()" />

<table class="table" id="dataTb" border="1">

<tbody>

</tbody>

</table>

</body>

</html>

这个只能用集合来实现。

在JavaScript中,常用Array来存储和 *** 作对象:

Array:

新建:var ary = new Array()或 var ary = []

增加:ary.push(value)

删除:delete ary[n]

遍历:for ( var i=0 i <ary.length ++i ) ary[i]


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11279200.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存