草庐IT

element_class_list

全部标签

javascript - 10 秒后添加类(class)

我有一个div,当我点击它时,它会添加一个“播放”类。然后,10秒后,我想添加一个“finished”类。我有这段代码,但我该如何计时才能在10秒后添加finsihed类?$('.albumsimg').on('click',function(){$(this).addClass('playing');});感谢任何帮助!非常感谢大家。我用这个问题向HackerYou的~30名学生展示如何使用stackoverflow从社区获得一流的帮助。 最佳答案 尝试使用setTimeout指定10秒延迟。$('.albumsimg').on(

javascript - jQuery:如果所有 child 都有相同的类(class)

如何检查所有子项或所有选择器是否具有相同的类?类未知...$(document).ready(function(){varsymbols=$("div:first-child").attr("class");if($("div").hasClass(symbols).length==3){console.log("same");};});这行不通...:-/ 最佳答案 $("div").not('.john').length如果任何div不是john类,这将找到它们,然后检查长度,如果它不为零,则存在一些。这是一个问题:$("div

javascript - 删除事件监听器作为 Class.prototype 函数

我试图在我的项目中使用基于Class.prototype的类,但我没有内联函数。考虑到这个例子,不可能删除我在类里面的myVideo视频对象上的eventListener。这是一个理论示例,不是我拥有的实际生产代码。varmyClass=function(){this.initialize();}MyClass.prototype.myVideo=null;MyClass.prototype.initialize=function(){this.myVideo=document.getElementById("myVideo");this.myVideo.addEventListene

javascript - jQuery Add Class on Click 但只允许一次。

这是我目前所拥有的:Javascript:$(document).ready(function(){$(".thumb_wrapper").click(function(){$(this).addClass("active");});});所以这是有效的,它正在添加类,但我只希望一个项目始终处于事件状态。因此,当我点击一个项目时,它变为事件状态,我点击的下一个项目应该是新的事件项目,并删除前一个项目的类。这有意义吗?我怎样才能做这样的事情?谢谢! 最佳答案 您需要先从thumb_wrapper元素中删除active类。试试这个:$(

javascript - .attr 与 D3.js 中的 .classed

在d3中,什么时候用比较合适d3.select("foo").attr('class','bar');相对于d3.select("foo").classed('bar',true);?是否推荐或预期弃用?什么是行业标准? 最佳答案 没有合适的方法,或者推荐的,或者标准的。两者都是有效的方法,使用哪一种取决于您的具体目的。classed("foo",true)和attr("class","foo")的主要区别是前者只会修改classList如果它已经存在...Ifavalueisspecified,assignsorunassigns

javascript - WebStorm : Failed to list gulp tasks 中的 Gulp 错误

我的WebStorm已停止读取和运行gulp任务。在上周五之前一切正常。这是控制台中出现的错误:Failedtolistgulptasksinquestionary/gulpfile.js:FailedtoparseJSON->Unterminatedarrayatline1column5path$[1]*Editsettings$/usr/local/bin/node/Users/rkon2006/Projects/My/questionary/node_modules/gulp/bin/gulp.js--no-color--gulpfile/Users/rkon2006/Proje

javascript - 位置 :sticky : Adding style when the element detaches from normal flow

举个简单的例子:MYNAVBAR和基本样式:#mynav{position:sticky;}我想将以下样式信息应用到我的导航栏仅当它脱离正常流程时,以便从视觉上将其与主要内容分开(在这种情况下带有阴影)box-shadow:0px10px15px0pxrgba(0,0,0,0.75);我可以使用某种伪类或类似媒体查询的东西吗?例如:#mynav:some-pseudo-class{box-shadow:0px10px15px0pxrgba(0,0,0,0.75);}我知道有一些很好的插件,但如果不绕过(相当新的)native功能position:sticky,它们似乎都无法实现它。相反

javascript - 3D CSS 变换 : translateZ causes elements to disappear in Chrome

我正在使用Javascript在Chrome中操作CSS转换,我注意到当translateZ值变得太低(很远)时,元素将会消失。这似乎只有在有大量元素时才会发生。这似乎与元素的z-index有关。这是问题的一个例子:http://jsbin.com/iZAYaRI/26/edit将鼠标悬停在输出上以查看问题。有人知道为什么会这样吗?更新:看起来该元素并没有真正消失,而是移动了一千个像素左右。 最佳答案 在我的例子中,z平移属性大约为零。将我的零翻译从0更改为1解决了我的问题。在safari中运行的原始代码:transform:sca

javascript - Jquery $(element).contents().first().text ("new text") 不起作用?

我在Google或此处找不到任何相关信息。我有一个div,里面有一些文本和一些html:http://somewebsite.com/big/long/unfriendly/path/我想做的是添加一个在每个斜线之后。(因为该值不会以其他方式换行并弄乱了我的表格)。在$('#test-div').html()上做一个简单的替换也会与强标签混淆,所以这不是一个选项。我想使用$('#test-div').contents()过滤掉文本部分(递归地)会起作用。但是我似乎无法编辑返回的各个位。我希望这会改变http://部分:$('#test-div').contents().first().

element日期选择器el-date-picker样式

1、基本用法代码:el-date-picker type="date" v-model="valueStart" value-format="yyyy-MM-dd" placeholder="开始时间">/el-date-picker>代码解读:type参数是用来定义选择器选择的对象,这里我们选择的是日期(date),也可以只选择年(year),只选择月(month),或只选择周(week)。v-model是绑定一个值,如果不绑定的话,即使选择了某一个日期,框框里也没有数值。value-format定义获取的时间的格式placeholder是占位提示文字。效果:背景白色,与页面颜色不搭2、调高