ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

javascipt为元素添加按钮事件

2019-08-19 19:36:45  阅读:180  来源: 互联网

标签:function cnt square javascipt 添加 按钮 var thecell id


var game = null
var cnt = 0;
$(document).ready(function(e)
{
    game = new obj();
});

function obj() {
    cnt++;
   $("#content").append('<div class = "cell" id = "square' + cnt + '"></div>');
  /*  var thecell = document.createElement('div');
    this.parent = document.querySelector('#content');
    thecell.className = 'cell';
    thecell.id = 'square' + cnt;
    thecell.onclick = function uuu()
    {
        alert(this.id);
    }


    this.parent.append(thecell);

   */

   
    $('div[id="square' + cnt + '"]').click(function () {
        $('div[id="square' + cnt + '"]').hide();
    });
}

注释掉的为javascipt,未注释为jquery,以及它的带参数的选择器。注意点击的时候不要被别的元素挡住了 

 

标签:function,cnt,square,javascipt,添加,按钮,var,thecell,id
来源: https://blog.csdn.net/qq_43439240/article/details/99753182

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有