怎么给JQuery对象添加一个新事件
2个回答
展开全部
不是有个构造函数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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询