jquery on 新增元素问题,为什么新增的游戏不可以删除,但原来就在的可以删除

以下试题来自:
单项选择题在jquery中指定一个类,如果存在就执行删除功能,如果不存在就执行添加功能,下面哪一个是可以直接完成该功能的()
A、removeClass
B、deleteClass
C、toggleClass(class)
D、addClass
为您推荐的考试题库
您可能感兴趣的试卷
你可能感兴趣的试题
A、:checked
B、:enabled
C、:disabled
D、:selected
A、ajaxComplete(callback)
B、ajaxSuccess(callback)
C、$.post(url)
D、ajaxSend(callback)
B、load(url)
C、$.get(url)
D、$.getScript(url)
A、click(fn)
B、change(fn)
C、select(fn)
D、bind(fn)
A、hover(over,out)
B、keypress
D、change(fn)51CTO旗下网站
分享7个用jQuery重写的经典在线小游戏
jQuery框架经过这么几年的发展,基于jQuery的开源插件库越来越多,而且很多都比较实用。对于我们网站开发者来说,jQuery的确帮了我们很大的忙,让我们真正体会到“write less,do more”的精神宗旨,这里先感谢jQuery。
作者:sxwgf来源:| 13:19
今天我们的话题是&jQuery小游戏&,主要要向大家分享7个比较经典的基于jQuery的游戏,其中一个是jQuery游戏引擎GameQuery。呵呵,原来jQuery写起游戏来也是那么方便,真的让我顿时兴奋了一把。下面就一起来看看这7款游戏吧
51CTO推荐专题:
1、jQuery游戏引擎GameQuery
GameQuery是一个开源的js游戏引擎,这个类库下有一些简单的游戏相关的类使我们更方便的开发游戏。通过这个引擎,我们可以方便的实现键盘状态轮询、碰撞检测、游戏音效等游戏中最基本的要求。
GameQuery的项目主页:http://gamequery.onaluf.org/
也有中文的整理:http://www.itivy.com/ivy/archive//159936.html
大家如果有兴趣可以基于这个引擎写些小游戏,到时候别忘记拿出来秀秀哦。
2、jQuery坦克大战
说起坦克大战,好像以前在园子里也看到过一篇文章,先把它挖出来jQuery 版坦克大战游戏大家瞅瞅,我也下载了玩了玩,还行,只是画面和效率不是太好,比较简单。今天我发现了一个比较完整的jQuery坦克大战,感觉画面很不错,让人眼前一亮,于是就收藏到自己的个人博客了,当然拿出来与园友分享是必须的,大家可以玩玩,不过发现IE下有点卡,大家可以在firefox或者谷歌浏览器上看看。
在线开坦克:http://www.itivy.com/ivy/archive//976330.html
3、jQuery贪吃蛇游戏
贪吃蛇这款游戏也一定年纪了,记得很小的时候就玩过,但是当我遇到jQuery版的贪吃蛇,又不禁想去试试,顺便学习一下人家的代码。这个游戏能根据你闯关的增加提升难度,有那么点意思,推荐大家研究研究。
在线贪吃蛇:http://www.itivy.com/ivy/archive//712870.html
4、jQuery卡片记忆游戏
这是个考验人记忆力的游戏,跟连连看有点像,不同的是这个游戏一开始卡片正面图案都是遮住的,你必须点击它看图案然后记住他,一旦两张翻出的卡片图案一致便可以消去这两张卡片。说实在的这个也挺简单,不过可以去研究下他的代码。
在线卡片游戏:http://www.itivy.com/ivy/archive//885732.html
5、jQuery扫雷游戏
这个游戏大家再也熟悉不过了,很多操作系统装好后都有这个游戏,也比较锻炼人的逻辑思维能力,个人觉得扫雷游戏比dota好多了,至少他能让你知道生活中处处布满了地雷,走每一步都要小心翼翼。由于它是基于jQuery写的,这更让我喜欢这个游戏。
在线扫雷游戏:http://www.itivy.com/ivy/archive//009015.html
6、jQuery拼图游戏
这个游戏我在电脑上、手机上玩过好几个版本,但本人比较愚钝,就是玩不转他。今天看到jQuery版的,去玩了一下,发现还是不行,我在想怎么这么多年过去了我的反应和逻辑还是那么迟钝呢。你们可以去玩玩,有兴趣也可以去研究他的代码。
在线拼图游戏:http://www.itivy.com/ivy/archive//673149.html
7、jQuery俄罗斯方块游戏
这也是个年纪比较大的游戏了,相信比各位的年纪还大都说不定,非常经典,由他衍生的游戏也比较多。你看现在又有人用jQuery重写了他,事实证明经典的东西是不会随着历史的推进和科技的发展而被人们抛弃的。
在线俄罗斯方块:http://www.itivy.com/ivy/archive//286825.html
以上的游戏都收藏在我的个人博客中,如果今后还有更好的jQuery游戏一定第一时间分享,如果大家有什么好的资源也可以和我一起交流。
最后再次感谢jQuery,祝福jQuery发展得越来越好!
原文链接:http://www.cnblogs.com/sxwgf/archive//1984604.html
【编辑推荐】
【责任编辑: TEL:(010)】
大家都在看猜你喜欢
热点头条热点关注头条
24H热文一周话题本月最赞
讲师:96648人学习过
讲师:132773人学习过
讲师:153655人学习过
精选博文论坛热帖下载排行
本书将实时系统、实时统一建模语言、实时系统的统一开发过程和Rational Rose RealTime建模环境有机地结合起来,以案例为基础,系统地介绍了...
订阅51CTO邮刊jQuery动态添加元素后,为什么不能动态删除?_百度知道
jQuery动态添加元素后,为什么不能动态删除?
&meta charset=&utf8&&
&title&jquery动态添加的元素为何不能删除&/title&
&script type=&text/javascript& src=&jquery-1.11.2.min.js&&&/script&
&style type=&text/css&&
.row{width:200height:500background:}
我有更好的答案
jQuery动态添加元素后,可以动态删除的,不能删除是因为没有找到对应的节点。举例如下://This prototype function allows you to remove even array from arrayArray.prototype.remove = function(x) {
for(i in this){
if(this[i].toString() == x.toString()){
this.splice(i,1)
【0元入学,两周免费试听】
主营:培训【Python+人工智能,Java大数据,HTML5】
&!DOCTYPE&html&&html&&&&head&
&meta&http-equiv=&Content-Type&&content=&text/&charset=UTF-8&&
&script&class=&jquery&library&&src=&/js/sandbox/jquery/jquery-1.8.2.min.js&&type=&text/javascript&&&/script&
RunJS&演示代码
&style&type=&text/css&&
height:500
background:&
background:&
&script&type=&text/javascript&&
var&str&=&&div&class='one'&style='font-weight:'&&span&新添加的元素删除&/span&&/div&&;
$(document).ready(function(){
$(&button&).click(function(){
$(&.row&).append(str);
$(&.row&).delegate(&span&,&click&,function(){
$(this).closest(&div&).remove();&&
&/script&&&&/head& &body&&&&&&button&id='add'&
&div&class=&row&&
&div&class=&one&&
&div&class=&one&&
&/div&&&&/body&&/html&
为什么$('span').click(function(){$(this).parent().remove();})我这样写不行?啥原因?
本回答被提问者采纳
首先,你的标签错了&sapn&删除&/span&,应该是span,你写错了。其次,动态加载的应该用绑定事件。根据你引入的jq库那就要用.on()事件。具体代码:$(&span&).on(&click&,function(){&&$(this).parent().remove();})
标签错了,对不起。但是你这个代码我放进去了,不行啊。点删除还没反应啊!???
$(&span&).on(&click&,function(){&&$(&.one&).remove();})
我这边还是不行,你那边运行试了吗?
大哥,能不能把这个放到$(function(){})里面?放到外面谁认识?
本回答被网友采纳
不用remove()方法, 用detach()
我试了,代替掉remove不行。。
后添加的元素是没有绑定click事件的.得重新绑定一下
怎么绑定?我不会写。。
jQuery动态添加元素后,为什么不能动态删除?&html&&head&&meta charset=&utf8&&&title&jquery动态添加的元素为何不能删除&/title&&script type=&text/javascript& src=&jquery-1.11.2.min.js&&&/script&&style type=&text/css&&.row{width:200height:500background:}.one{width:200height:50background:}&/style&&/head&&body&&button id='add'&新增元素&/button&&div class=&row&&&div class=&one&&&span&删除&/span&&/div&&div class=&one&&&span&删除&/span&&/div&&/div&&/body&&script type=&text/javascript&&var str =&&div class='one' style='font-weight:' &新添加的元素
&sapn&删除&/span&&/div&&;$(document).ready(function(){ $(&button&).click(function(){
$(&.row&).append(str);$('span').click(function(){$(this });});$('span').click(function(){$(this).parent().remove();})&/script&&/html&
错了……手机编辑不方便,明天发给你吧
其他2条回答
为您推荐:
其他类似问题
jquery的相关知识
换一换
回答问题,赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。jQuery问题,请问如何用jQuery清除&table&表单中的所有行。
[问题点数:40分,结帖人sq]
jQuery问题,请问如何用jQuery清除&table&表单中的所有行。
[问题点数:40分,结帖人sq]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2012年6月 总版技术专家分月排行榜第二
2012年6月 Web 开发大版内专家分月排行榜第一2012年5月 Web 开发大版内专家分月排行榜第一
匿名用户不能发表回复!|

我要回帖

更多关于 jquery 新增class 的文章

 

随机推荐