Tag: dom

如何获取css设置的元素的字体大小: 我正在编写一个简单的jQuery，用于将元素的字体大小更改一定百分比。我遇到的问题是当我用jQuery的$（’＃el’）。css（’font-size’）获得大小时，它总是返回一个像素值，即使用em设置也是如此。当我使用Javscript的el.style.font-size属性时，它将不会返回一个值，直到一个值被同一属性显式设置。有什么方法可以用Javascript获得原始CSS设置的字体大小值吗？您的方法如何跨浏览器友好？提前致谢！编辑：我应该注意所有经过测试的浏览器（请参阅下面的评论）允许我使用上面提到的两种方法使用’em’值设置文本大小，此时jQuery .css（）返回一个等效的’ px’的值和Javascript .style.fontSize方法返回正确的’em’值。也许最好的方法是在页面加载时初始化元素，立即为它们提供em值。

使用javascript取消选择文本框的内容: 我理解使用javascript你可以使用以下代码选择文本框的内容（在jQuery中）： $(“#txt1”).select(); 有没有办法做相反的事情？要取消选择文本框的内容？我有一系列文本框的焦点事件，用于选择其中的内容。现在有时候我想要关注特定的文本框而不选择它。我打算做的是为这个特定的文本框调用焦点事件，然后通过调用取消选择它。 $(“input[type=text]”).focus(function() { $(this).select(); }); //code…. $(“#txt1”).focus(); //some code here to deselect the contents of this textbox 有任何想法吗？谢谢！

交换2个html元素并在其上保留事件侦听器: 有类似的问题，但所有的答案都只是针对内部的内容交换html元素。我需要交换两个具有大量内容（表格，选择框，输入等）的div与元素上的事件监听器等。不破坏所有这些。我可以访问jQuery 1.5。所以答案就可以了。

如何在mootools上实现jQuery实时绑定事件？: 如何制作通过ajax加载的元素，在mootools 1.11上采用与同一类相关的事件？据我所知，在jQquery中，如果你的ajax响应包含像这样的东西，如果有一个事件绑定使用live到$(‘.button’) ，那些事件将自动绑定。 MooTools 1.11可以实现吗？

在JavaScript或Jquery中测试祖先/后代关系的对象: 我试图想出一个可重用的JS或jQuery函数，它允许我测试一个对象是否是另一个对象的DOM后代。我见过一个测试模型 $b.parents(‘nodename’).length>0 当你只需要检查一个元素是否是该名称的任何节点的子节点时，这是太棒了。但是特定节点怎么样？你无法测试 $b.parents($a).length>0 因为jQuery父对象将nodename表达式作为参数进行过滤。作为一个小背景，我试图测试文档点击事件的目标是否是特定对象的子项。例如，如果event.target是$ b的子节点，则返回true，否则返回false。但是这个function可能会在以后产生其他影响。谢谢！

覆盖默认的jQuery选择器上下文: 我试图在Firefox扩展中使用jQuery，并且实际上想要使用jQuery来操作当前页面的DOM，而不是XUL文件的上下文。因此，我在我的XUL文件中加载jQuery，并将其传递给沙盒中的一些脚本（使用Greasemonkey扩展编译器http://arantius.com/misc/greasemonkey/script-compiler ）。由于jQuery没有加载页面DOM，我想将其选择器上下文设置为页面DOM，而不是总是将其传递给jQuery调用。我按照如何在Firefox扩展中使用jQuery的解决方案，它几乎实现了我想要的。 jQuery.noConflict(); $ = function(selector,context){ return new jQuery.fn.init(selector,context||example.doc); }; $.fn = $.prototype = jQuery.fn; 我可以调用jQuery（）函数，页面DOM将用作上下文。但是，我不能使用像jQuery.trim这样的函数，因为它们没有定义。我认为这条线来自解决方案 $.fn = $.prototype = jQuery.fn; 将让我自己的jQuery对象inheritance所有jQuery原型属性，但显然不会。给一个vanilla jQuery对象，如何重新定义它以使用某个元素作为选择器上下文，同时保留所有jQuery函数？

如何在div内容之上添加段落: 如何在div容器的顶部添加多个段落标记，新标记。 recently added on top every time on click event recently added paragarph on top added before recent 我正在使用追加，但每次我点击按钮它添加到底部我需要它添加在所有段的顶部请帮助。

使用JavaScript获取2个DOM元素之间的相对位置: 我已经实现了一组可拖动的元素，可以使用jQuery将它们放入一些容器中。我需要的是一个动画，可以在没有用户交互的情况下将元素移动到特定容器。问题是元素和drop容器位于DOM的完全不同的部分，并且主要使用float定位。我需要的是一些代码来获得2个浮动DOM元素之间的绝对位置差异，最好使用jQuery。我发现的唯一的东西是一些黑客解析向上的DOM，但总是非常特定于浏览器（例如“这对Firefox或IE或其他什么不适用”）。最好是这样的： var distance = getDistance(element1, element2); 或者以jQuery表示法： var distance = $(element1).distanceTo($(element2));

我可以使用jQuery访问shadow DOM吗？: 我用这样的聚合物定义了一个组件： CONTENT 现在我想访问阴影dom，例如：获取div id =’test’的内容 var x = $(“div#test”).html(); 给定的代码不起作用。我可以用jquery访问阴影dom吗？

如何在jQuery中通过DOM查询XML字符串: 我想取一个字符串并将其视为XML。然后我将能够通过jQuery.find与DOM进行查询。在Firefox中一切都运行良好，但我意识到这在IE中不起作用。我这样做： var t = “abcdef”; alert(“[” + $(t).find(“outer”).html() + “]”); 在Firefox 3中它打印： [abcdef] 在IE 7中它打印： [] 有什么办法让这个跨浏览器工作？谢谢。