Tag: DOM

如何从jQuery的父级select所有的孩子(在任何级别)?

我必须.unbind()来自父节点的所有元素。 我如何从父母中select所有孩子(在任何级别)? 试过: $('#google_translate_element *').unbind('click'); 但它只适用于第一个孩子的水平… 这里有一个testing用例

如何检查DOM是否准备好没有框架?

这个问题是如此像在这里和在networking上的其他人 – 如何检查DOM是否加载了Javascript? 但是这里有一个问题: 不使用像jQuery等框架; 不知道你的脚本是否已经通过一个静态放置的<script>标记加载,或者在DOM已经加载后很久以后通过其他一些Javascript加载。 这可以或多或less可靠地完成,并具有跨浏览器兼容性? 补充:让我澄清:我正在写一个独立的.JS文件,可以包含在任意的网页。 我想要在加载DOM 之后执行代码。 但我不知道我的脚本将如何被包括在内。 可以通过放置一个<script>标签(在这种情况下,传统的onload或DOM准备就绪解决scheme将起作用)。 或者可以通过AJAX或其他方式加载,在DOM已经加载之后很久(所以前面提到的解决scheme永远不会被触发)。

使用querySelectorAll来检索直接的孩子

我能够做到这一点: <div id="myDiv"> <div class="foo"></div> </div> myDiv = getElementById("myDiv"); myDiv.querySelectorAll("#myDiv > .foo"); 也就是说,我可以成功检索具有class .foo的myDiv元素的所有直接子元素。 问题是,我不得不在select器中包含#myDiv ,因为我在myDiv元素上运行查询(所以显然是多余的)。 我应该能够closures#myDiv ,但是select器不是合法的语法,因为它以>开头。 有谁知道如何编写一个select器,它只是select器运行的元素的直接子元素?

AngularJS的策略,以防止一个类的无风格的内容

我有一个AngularJS项目,我想在页面加载类名时阻止FOUC。 我已经阅读了ng-template,但是这似乎只对标签内的内容有用。 <body class="{{ bodyClass }}"> 我希望它是在页面加载“login”。 任何策略? 或者我只需要将其加载并将其加载为“login”,然后手动使用javascript来调整DOM即可。

如何创build一个DOM节点作为一个对象?

我想创build一个DOM节点,设置'id'属性,然后将其附加到'body'。 以下似乎不工作,因为jQuery没有看到我的模板作为一个对象: var template = "<li><div class='bar'>bla</div></li>"; template.find('li').attr('id','1234'); $(body).append(template); 我怎么能告诉jQuery把这个作为一个对象,所以find()的作品呢?

JQueryfind最接近的匹配元素

我有一系列的行列,我想select一个input字段的值在前一列input字段(价格input),我正在调用一个函数,当一个键被释放。 我努力了: quantity = $(this).parent().parent().children().val() ; quantity = $(this).parent().parent().children().closest('.inputQty', this).val() ; 但是都没有工作。 DOM的一个例子: <div class="row"> <div class="column"><input class="inputQty" id="quantity0" /></div> <div class="column"><input class="someOther" id="Other0" /></div> <div class="column"> <div class="cSelect"> <select id="currency0"><option>£</option></select> <input class="price" id="price0" /> </div> </div> </div>

在JavaScript中为HTML属性设置HTML <label>

如何在JavaScript中设置HTML <label>元素的for属性,而不使用jQuery或任何其他库?

React:我可以操纵DOM React渲染多less?

这就是我正在做的: http : //jsfiddle.net/iamnoah/pTrrw/ 关键部分是: position: function() { var container = $(this.getDOMNode()); this._menu = $(this.refs.menu.getDOMNode()); this._menu.appendTo(document.body). offset({ top: container.offset().top + container.outerHeight(), left: container.offset().left }); }, restore: function() { this._menu.appendTo(this.getDOMNode()); }, componentWillUpdate: function() { this.restore(); }, componentDidUpdate: function() { this.position(); }, componentDidMount: function() { this.position(); }, 这现在工作很好。 我假定React在更新之间独自离开DOM,并且不会错过它,所以我把内容放回到组件更新之前。 实际上,React对于移动内容似乎没有问题(如果我删除了componentWillUpdate和componentDidUpdate,定位的元素仍然会更新!) 我的问题是有多less由此产生的假设是安全的(例如,如果我假设这些东西,我的代码是否会在未来版本的React中被破解?): React不关心DOM是否在更新之间移动,只要你把它放回componentWillUpdate。 React事件处理程序仍然可以处理已移动的元素。 React会将您要求的任何内联样式与元素上的样式合并(即使它没有设置它们)。 React将更新它所呈现的DOM,即使您将该DOM移动到文档中的其他位置也是如此! 最后一个对我来说似乎有些极端和神奇,但是如果它持续下去的话,会有一些重大的意义。

在networking浏览器中,onblur和onfocusout有什么区别?

如果他们是一样的,那么为什么有这样的事件呢?

如何在AngularJS控制器中获得当前范围的DOM元素?

我有一个outerItems的列表。 在每个outerItem中,我有一个innerItems列表。 它们是dynamic分类的。 当鼠标光标指向innerItem的其中一个时,我必须在innerItem元素上方显示popup窗口。 popupdiv是身体的孩子,因为我不想为每个innerItems单独popup。 我看到它的方式 – 在ng-mouseover我调用函数,设置左/顶部属性到我绝对定位的popup。 因此,对于每个innerItems,我想调用jQuery .offset()方法,从页面的左上angular给我左/顶值。 那么如何获得当前作用域元素的jQuery对象呢? 或者,如果我select了错误的方式