草庐IT

dom-selection

全部标签

javascript - jQuery 选择器 : multiselect vs select

是否可以通过jQuery以不同的方式选择多选到选择?我遇到的问题是我有一个通用的js,它对id做了一些事情。但是在某些页面上它有不同的用途。因此我想了解其中的区别。$("select#categories[multiselect]").doOneThing;//multiselect$("select#categories").doAnotherThing;//normalsingleselect可能吗? 最佳答案 的正确属性名称具有多个optional的元素是多个。您可以使用“hasattribute”选择器来选择具有multip

javascript - 如何设置 dijit.form.Select 的宽度?

我有一个以编程方式生成的dijit.form.Select。与大多数其他小部件不同,Selects不提供像这样的调整大小方法dijit.resize({w:width,h:height});我还没有找到设置选择宽度的标准化方法。这非常糟糕,因为自动调整大小会使对话框在长选择值上“爆炸”。是否有一种标准方法可以调整我错过的选择的大小?还是我用困难的方式弄乱了select的标记?谢谢! 最佳答案 这可以使用CSS通过设置内部标签的宽度来实现,如下所示:.tundra.dijitSelect.dijitButtonText{text-al

javascript - 托管在不同域上的 JavaScript 可以读取/修改另一个域的 DOM 吗?

我有一个关于托管在域(例如:CDN域,例如example.com)但从不同域(例如example.net)下的网站加载的JavaScript的潜在安全问题/限制的问题.现在假设加载的JavaScript将只读取/修改具有特定id的div中的文本,所以没有什么“复杂”的。一个例子:我从http://example.com/myscript.js加载了脚本,并在http://example.net/index.html上执行:[注意不同的TLD!]我知道我无法从JavaScript访问mysite.com下的Cookie,但我可以访问页面上的所有DOM,以防万一,修改它。这不是一个可能的安

javascript - IE8 中的 jQuery 和 DOM 操作性能问题

我在工作中用JQuery开发了一个模块,它基本上是一个具有以下功能的表格细胞水平编辑行级编辑拖放n行以改变位置显示/隐藏列调整列的大小在FF9.0、IE9和Chrome等最新浏览器上一切正常,但在IE8和FF3.6等较旧的浏览器中,随着表格中行数的增加,页面性能显着降低。我已经尝试了很多来自jQuery和DOM操作的优化,但仍然对性能没有影响。知道我是否遗漏了一些东西或一些技巧来使性能更好,即达到可接受的水平。我没有使用任何插件,一切都是我的自定义实现。javascript文件非常大,我正在寻找一些通用的良好做法和技巧。 最佳答案

dom 节点太多的 Javascript 性能问题?

我目前正在调试一个ajax聊天,它不断地用DOM元素填充页面。如果你的聊天持续了大约3个小时,你最终会知道有多少DOM节点。与极端DOM使用相关的问题是什么?UI是否有可能变得完全无响应(尤其是在InternetExplorer中)?(与此问题相关的当然是解决方案,如果除了手动垃圾收集和删除dom节点之外还有其他解决方案。) 最佳答案 大多数现代浏览器应该能够很好地处理巨大的DOM树。而“大多数”通常不包括IE。是的,您的浏览器可能会变得无响应(因为它需要太多RAM->交换)或者因为它的渲染器不堪重负。标准解决方案是删除元素,比如在

javascript - jQuery UI 可拖动不适用于新创建的 DOM 元素

我有一些可使用jQueryUI拖动的DOM元素。一切正常,但当我使用jQuery创建一些元素时,它们根本不可拖动。即$('div.draggable').draggable();//Existingelement,itworks:)$('p.draggable').draggable();//Newlycreatedparagraphwithsameclassname,itdoesntworkatall:(提前致谢!!!我正在尝试这个:$(document).ready(function(){$('body').append('NewlyCreatedParagraph');$('p.

javascript - 使用 meteor 模板助手获取 DOM 元素

例如我的html是Click在meteor模板助手中,我希望能够选择anchor标记。Template.atest.route=function(){console.log(this.data-test);};我不确定这是否可以完成,但可以肯定的是,通过我尝试过的任何方法都无法完成。我知道有一种方法可以在模板实例中传递参数,但我不想那样。我希望能够选择模板实例所在的anchor标记并对其进行处理。感谢我能得到的任何帮助。 最佳答案 不是在helpers中,而是在rendered回调中你可以这样做:Template.atest.ren

javascript - : "Requesting JavaScript AST from selection" 期间发生内部错误

我在Eclipse中编辑JavaScript文件时遇到了独特的错误/警报弹出窗口,每次我将光标放在该行时都会弹出此错误。JS:NullPointerExceptionwhencursorisplacedontheendofthelinereturnstatement.foo.bar=function(x){if(xyz){returnfn(x);«error»}returnfn(x);«error»return(fn(x));«error»returnnewfn(x);«ok»returnx;«sometimes»return"";«error»returnx+"x";«error»r

Javascript 有效地从 JSON 构建表并将其添加到 DOM

我有一个来自服务器的JSON数组,该数组包含200个对象,每个对象包含另外10个我想以表格格式显示的对象。起初我正在创建一个对于每次迭代并使用jQuery附加一个从数组值构建到.这在Chrome中花费了大约30秒,在IE8中花费了19秒。这花费的时间太长了所以我尝试切换到Array.join()。方法,我会将构成整个表的每个字符串存储在一个数组中,最后做$('#myTable').append(textToAppend).这实际上比我的第一个版本差了大约5秒。我想将其缩短到10秒左右。我有机会吗?如果没有,我将一次添加一行,但我宁愿不这样做。for(allIndex=0;allInde

javascript - 如果元素存在于 DOM 中或者它是虚拟的(刚刚由 createElement 创建),如何使用 javascript 查找

我正在寻找一种方法来查找是否已将javascript中引用的元素插入到文档中。让我们用下面的代码来说明一个案例:varelem=document.createElement('div');//Elementhasnotbeeninsertedinthedocument,i.e.notpresentdocument.getElementByTagName('body')[0].appendChild(elem);//ElementcannowbefoundintheDOMtreeJquery有:visible选择器,但当我需要查找文档中某处放置的不可见元素时,它不会给出准确的结果。