草庐IT

dom-selection

全部标签

javascript - 从 DOM 中删除同级元素时创建 block 元素的平滑过渡

我有一个容器,其工作方式类似于macos中的通知-元素被添加到队列并在特定超时后删除。这很好用,但有一个不和谐的视觉副作用。当它们从DOM中移除时,UI会出现参差不齐的更新,因为堆栈中的下一个元素会填充前一个元素所造成的空白。我希望堆栈中下面的元素能够顺利地向上移动到该空间,最好使用css3,但添加一个transition:all0.5sease-in-out到.notice当其兄弟被移除时,类对该对象没有影响。最小的JS交互:$('#add').click(function(e){e.preventDefault();$('#container').append('Notice#')

javascript - 如何初始化禁用的 select2

我有一个简单的select2初始化程序,我希望它被默认禁用,而无需在之后链接.select2("enable",false)。HTML:JS:$(document).ready(function(){$('#test').select2({minimumInputLength:3,placeholder:"Search",enable:"false",//Iwantthistobeworking!ajax:{url:"http://www.weighttraining.com/sm/search",dataType:'jsonp',quietMillis:100,data:functi

DOM元素数组的Javascript拼接

varmyArray=[];myArray=document.querySelectorAll('.selected');当我调用myArray.splice-它是未定义的。我怎样才能避免这种情况?我需要从该数组中删除一些DOM元素。 最佳答案 问题是querySelectorAll(..)返回一个节点列表(NodeList)--而不是标准的JS数组。也许你想要像下面这样的东西:Array.prototype.slice.call(document.querySelectorAll('.selected'),,);更新我错过了您要删

javascript - FireBug DOM 颜色是什么意思?

我对这些颜色感到困惑。我注意到在FireBugDOM树的左侧栏中显示了4种颜色:粗体黑色黑色大胆的绿色绿色在右侧栏中:蓝色红色大胆的绿色绿色代表对象结构的多个颜色元素。这些颜色代表什么?为什么,例如,我可以访问window.document.URL而我不能访问控制台中的window.document.body,即使它们都在DOM树中的“非粗体黑色”类别中?非常感谢 最佳答案 这是正确答案。BoldBlackObjectsBlackDOMobjectsgetingray"Getter"functionsBoldgreenUserfun

javascript - phantomjs/casperjs 计算 DOM 元素

我想计算具有“nice”类的div元素的数量。我有选择器div.nice,但不知道要使用哪个casperjs类/方法。有一个tester.assertElementCount方法,但是有什么东西可以简单地返回元素的数量吗? 最佳答案 只是document.querySelectorAll("div.nice").length 关于javascript-phantomjs/casperjs计算DOM元素,我们在StackOverflow上找到一个类似的问题: h

javascript - Select2 下拉菜单允许用户在用户键入时输入新值

select2组件可以配置为接受新值,如Select2dropdownbutallownewvaluesbyuser?中所述您可以在以下位置看到它:http://jsfiddle.net/pHSdP/646/代码如下:$("#tags").select2({createSearchChoice:function(term,data){if($(data).filter(function(){returnthis.text.localeCompare(term)===0;}).length===0){return{id:term,text:term};}},multiple:false,

javascript - jQuery 在特定元素之后获取 DOM 中的下一个匹配项

我不想承认这一点,但我一直在努力弄清楚如何做到这一点。例如假装你有以下结构:......我在与上面的突出显示“foo”节点相关的jQuery事件处理程序中。我想找到“下一个”img元素,它是一个“foo”。不过有两个问题。我只想选择DOM中比我所在的当前节点更远的“foo”元素(例如,不需要“前一个”foo和当前foo)虽然我已将嵌套显示为遵循精确的模式,但生成的代码是/可以嵌套在任何级别。..因此我不能只做.parent().parent().parent().siblings().find()...等。如果您可以想象,每次浏览器向DOM添加一个节点时,它都会递增一个计数器并为该节点

javascript - jqTransform Select - Ajax 更新?

我正在使用jqTransform插件来设置我的表单元素的样式,这导致我的选择框出现了一个小问题。看起来选择框被隐藏并替换为包含列表等的自定义DIV。当从列表中选择某些内容时,我已经设法让插件触发select的点击事件,但是我在更新可视化列表时遇到了一些麻烦-插件似乎不支持ajax更新盒子。有没有人有对jqTransform转换的选择执行ajax更新的经验?转换后的选择看起来像:PetrolPetrolPetrol该插件不会转换已经转换的选择(您可以通过删除jqTransformHidden类强制它转换,但这只会复制可见的选择)。我想知道是否有一些聪明的jquery可以用来将选择返回到它

javascript - jQuery Select 列表,选中的文本值而不是值

基于我的最后一个问题jQuerygettingvaluesfrommultipleselectstogether我有这样的选择列表:OffOn我基本上想在关闭时添加或减去选项的值,如果打开则减去它。它将被存储在一个cookie中(它使用按位)我的jquery是:$(document).ready(function(){varcurrentAccess=$.cookie("access");})$("select").change(function(){varcurrentText=$(this).text()varvalue=$(this).val()$.cookie("access"

javascript - 使用 jQuery select() 选择一个 div 的内容

是否可以使用或改编jQuery的.select()来设置一个div的整个内容的选择范围?我有一个div,它有一系列标签、输入、选择对象和一些其他UI元素。我在单独的StackOverflow帖子上找到了代码,其中一些代码托管在jsFiddle上:http://jsfiddle.net/KcX6A/570/这也可以适用于选择输入值吗?或者你会建议我怎么做?谢谢,康纳编辑:更多信息我知道如何使用jQuery获取输入的值,这很简单,我也知道如何使用.select()选择独立元素的值。在我的div中,我有一系列不同的元素类型,包括输入、标签、选择等。我需要对所有元素进行整体选择。我之前添加的j