首页
题库
面试
求职
学习
竞赛
More+
所有博客
搜索面经/职位/试题/公司
搜索
我要招人
去企业版
登录 / 注册
首页
>
试题广场
>
点击效果(前端开发卷)
[编程题]点击效果(前端开发卷)
热度指数:335
时间限制:C/C++ 3秒,其他语言6秒
空间限制:C/C++ 256M,其他语言512M
算法知识视频讲解
界面中存在id=jsContainer的节点A,系统会随机生成id为jsLayout的 m行 x n列 表格(m >= 3, n >= 3),并随机选中一个td节点,请按照如下需求实现bind函数
1、bind 函数为每个td节点绑定click事件,当某个td节点被点击时class变为current,同时以该td为中心的同一行和同一列td节点class变为wrap,具体效果参考以下图片
2、每次click后,请清空所有不需要变动的td节点的class
3、请不要手动调用bind函数
4、当前界面为系统生成 9 * 9 表格,执行 bind 函数,并点击其中td后的效果
5、请不要手动修改html和css
6、不要使用第三方插件
马上挑战
算法知识视频讲解
提交运行
算法知识视频讲解
添加笔记
求解答(30)
邀请回答
收藏(57)
分享
纠错
提交结果有问题?
5个回答
0篇题解
开通博客
暂无题解
问题信息
C++工程师
golang工程师
iOS工程师
安卓工程师
运维工程师
前端工程师
算法工程师
测试工程师
PHP工程师
安全工程师
游戏研发工程师
腾讯
2021
数据库工程师
信息技术岗
区块链
测试开发工程师
大数据开发工程师
数据分析师
Java工程师
上传者:
小小
难度:
5条回答
57收藏
5137浏览
热门推荐
通过挑战的用户
巴比Q了的退堂...
2022-11-25 20:09:24
牛客51381...
2022-10-25 19:11:57
小船要远航
2022-10-24 13:52:10
牛客95819...
2022-10-16 16:25:19
aei
2022-10-16 11:28:07
相关试题
有一堆石子,共80颗,甲,乙轮流从...
网易
数据分析师
2020
评论
(4)
下面描述中,符合结构化程序设计风格...
北京搜狐互联网信息服务有限公司
Java工程师
C++工程师
iOS工程师
安卓工程师
运维工程师
前端工程师
算法工程师
PHP工程师
2018
评论
(1)
下面关键字中,哪一个不是用于异常处...
哔哩哔哩
游戏研发工程师
2020
评论
(1)
从所给的四个选项中,选择最合适的一...
图形推理
评论
(1)
心理暗示是指个体在无意识情况下,从...
定义判断
评论
(1)
点击效果(前端开发卷)
扫描二维码,关注牛客网
意见反馈
下载牛客APP,随时随地刷题
table.game { font-size: 14px; border-collapse: collapse; width: 100%; table-layout: fixed; } table.game td { border: 1px solid #e1e1e1; padding: 0; height: 30px; text-align: center; } table.game td.current{ background: #1890ff; } table.game td.wrap{ background: #f5f5f5; }
<div id="jsContainer"> <table class="game"> <tbody> <tr><td></td><td></td><td></td><td></td><td class="wrap"></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td class="wrap"></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td class="wrap"></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td class="wrap"></td><td></td><td></td><td></td><td></td></tr> <tr><td class="wrap"></td><td class="wrap"></td><td class="wrap"></td><td class="wrap"></td><td class="current"></td><td class="wrap"></td><td class="wrap"></td><td class="wrap"></td><td class="wrap"></td></tr> <tr><td></td><td></td><td></td><td></td><td class="wrap"></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td class="wrap"></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td class="wrap"></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td class="wrap"></td><td></td><td></td><td></td><td></td></tr> </tbody> </table> </div>
function bind() { }