草庐IT

伪元素

全部标签

javascript - 为什么我的函数无法返回具有特定文本内容的元素?

我有一个函数,matchTagAndText,顾名思义,它接受2个参数,一个选择器和一个文本,并检查是否有任何匹配的元素具有给定的文本。它是这样的:functionmatchTagAndText(sel,txt){varelements=document.querySelectorAll(sel);returnArray.prototype.filter.call(elements,function(element){returnRegExp(txt,'i').test(element.textContent);});}现在我试图选择一个td元素,其中包含文本“Loremipsum”,

javascript - 更改属性时延迟渲染 dom 元素

我目前在一次更新大量dom元素的属性时遇到性能问题。似乎每次我更改属性时,dom元素都会重新呈现。无论如何我可以延迟元素的渲染,直到我的所有更新都发生了吗?它在FF3和3.5中似乎比IE7和8慢很多,这与我的预期相反。下面是我正在做的一个例子。vart;for(vari=0;i问题是“tiles”中的项目数最多可以有100个dom元素。这才是性能问题真正体现出来的地方。 最佳答案 同意@Crimson但我认为最好隐藏您要更新的所有元素的父级,如果它们没有独占父级,请尝试创建一个。这样只有两个reflows会发生,一个发生在您隐藏ti

javascript - 在页面主体而不是 head 元素中包含脚本有哪些缺点/问题?

已经有一个entry发布关于将javascript放入的优缺点的帖子元素与关闭正文标签()之前的对比。但是我看到有时开发人员将JavaScript代码放在HTML页面的任意位置。这似乎主要是由于懒惰。在页面的任意位置嵌入JavaScript代码有什么缺点?有许多明显的缺点,例如没有缓存、较少重用等。在这方面您还能想到哪些其他缺点?提前致谢。 最佳答案 读这个:http://groups.google.com/group/closure-library-discuss/browse_thread/thread/1beecbb5d6af

javascript - 使用 jQuery 按偏移位置查找元素

有没有一种简单的方法来获取特定偏移位置的所有元素(通过使用jQuery)?还是我必须检查DOM中每个元素的偏移量? 最佳答案 调用document.elementFromPoint. 关于javascript-使用jQuery按偏移位置查找元素,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/4730488/

javascript - 选择多个元素时,jQuery ".triggerHandler()"与 ".trigger()"

jQuery“.triggerHandler()”机制与“.trigger()”不同,它只对调用它的jQuery对象引用的第一个元素进行操作。换句话说,$('.all-over-the-page').triggerHandler("readjust");只会为第一个具有“all-over-the-page”类的元素调用“重新调整”处理程序,即使页面上有许多具有该类的元素。另一方面,“.trigger()”方法会影响所有这些。我意识到我可以使用“.each()”来解决这个问题(或者简单地编写我自己的替代品来为我做这件事),但是是否有一些理由可以解释为什么两者在这方面不同?这对我来说毫无意

javascript - 获取放置元素的项目/对象

我正在编写一个包含三个列表的任务面板,我使用sortable在它们之间移动项目。但是我需要拿起元素掉落的项目。我知道ui.item是被丢弃的元素,但我不知道我把它丢在哪里了。这是我的代码:$(".column").sortable({receive:function(event,ui){/*gettheelementwhereui.itemisdropped*/}});我知道该元素将是.column选择器的任何元素,但如何选择!!! 最佳答案 编辑-这样做的方法是这样的$("#sortable1,#sortable2").sorta

javascript - 当发生多个转换时,如何检测 'specific' 元素上的 CSS 转换结束?

我一直在使用以下方法来检测CSS3过渡的结束,如下所示:-CACHE.previewControlWrap.css({'bottom':'-217px'}).one('webkitTransitionEndtransitionendmsTransitionEndoTransitionEnd',function(){CACHE.songWrap.css({'bottom':'0'});});这很完美,一个CSS转换发生,然后当它完成时,另一个发生。但是,当我将这个匿名函数嵌套到第三层时,它不起作用。第三个过渡“结束”事件与第二个同时触发,而不是将它们一个接一个地链接起来(就像jQuery

javascript - 从内存中移除 HTML 元素(DOM 节点)

根据mdndocumentationremoveChild方法从DOM中删除一个节点,但它仍然驻留在内存中。我的问题是我也想从内存中删除它。我已经尝试使用delete运算符,但对象仍然存在...myCanvas.parentElement.removeChild(myCanvas);//myCanvasactuallyremovedfromDOMdeletemyCanvas;//false.doesnothingalert(myCanvas);//showsHTMLCanvasElementinsteadofundefined 最佳答案

javascript - Jquery on event 不绑定(bind)不存在的元素

这里是jsfiddle示例http://jsfiddle.net/HTjCT/1/如您所见,当您将鼠标悬停时它不会触发鼠标悬停事件我该如何解决这个问题?我正在使用Jquery1.9ClickMe$(function(){$('#superdiv').on('click',function(event){$('body').append('another');});$('#super').on('mouseover',function(event){alert('notworking');});});JavaScript 最佳答案 你

javascript - 将 Angular.js 应用于 Chrome 扩展内容脚本中的新 DOM 元素

好的,我已经研究了一段时间了。在红色框中,我想要一些Angular功能(ng-repeats、数据绑定(bind)等...)双击任何网页上的文本时会出现此红色框。但是,我似乎无法找到如何实际连接/连接到红色弹出窗口中的文本框示例的Angular。在chrome的徽章弹出窗口以及选项页面等中使用angular似乎相当微不足道......但我似乎无法在这种情况下让它工作。inject.js(作为内容脚本包含在list中,如下)vardisplayPopup=function(event){varmydiv=document.createElement('div');var$div=$('#