Tag: dom

为jQuery的$ .data()存储多个值的最佳方法是什么?

如果在大量div上存储多个(10+)值,将它们全部存储在单个对象中,还是作为单独的值更为理想? 单个对象: $(“#div_id”).data(“data”, {foo:1, bar:2}); 单独的价值观: $(“#div_id”) .data(“foo”, 1) .data(“bar”, 2); 每种方法的权衡取舍是什么? 其中一些属性将被频繁访问(例如在事件回调期间,例如拖动)。

如何在jQuery中包装具有不同类名的DIV标签?

可能重复: 如何将父元素添加到一组段落中? 我在文档中重复了以下HTML块 My first div My second div My first div My second div … 如何用jQuery包装Divs以获得这样的结果HTML … My first div My second div My first div My second div …

如何生成所有可能的CSS 2选择器组合?

在具有document当前状态的上下文中为DOM元素生成所有可能的CSS 2 Selector组合的最佳方法是什么? 例如:对于以下MarkUp a b c 一个JS / jQuery方法,使得上面标记中的作为方法的参数给出,它以数组的forms返回Argument的所有可能的CSS 2选择器组合。 可以在方法中添加一个可选参数,该参数将定义CSS 2 Selector Nesting的最大深度。 如果此参数设置为false,则应返回所有可能的组合(如果设置为false,将是性能障碍者) 示例输出: [ “.last-li”, “li.last-li”, “ul .last-li”, “ul li.last-li”, “div ul .last-li”, “div ul li.last-li”, “#content ul .last-li”, “#content ul li.last-li”, “div#content ul .last-li”, “div#content ul li.last-li”, “body div ul li.last-li”, “body div ul .last-li”, “body #content ul li.last-li”, “body […]

jQuery通过类搜索获取元素的id

这是我的HTML: a b 我想使用该div的类(“.head-div”)获取父div(“#my_box_one”)的ID $(document).ready(function(){ $(“.some_box”).click(function(){ var abc = $(this).parentsUntil(“.head-div”).attr(“id”); // also tried $(this).parent(“.head-div”) — same effect alert(abc); // Shows as Undefined }); }); 我可以做以下事情,它会工作正常,但似乎不对。 var abc = $(this).parent(“div”).parent(“div”).attr(“id”);

网络工作者抛出’未捕获错误:DATA_CLONE_ERR:DOMexception25′

所以我正在创建一个Web worker: var arrayit = function(obj) { return Array.prototype.slice.call(obj); }; work = arrayit(images); console.log(work); //work = images.push.apply( images, array ); // Method : “load+scroll” var worker = new Worker(‘jail_worker.js’); worker.postMessage(work) worker.onmessage = function(event) { console.log(“Worker said:” + event.data); }; 这是图像是什么: $.jail.initialStack = this; // Store the selector into ‘triggerEl’ data for the images selected this.data(‘triggerEl’, […]

在JavaScript DOM中拆分节点内容

我有一个场景,我需要将节点拆分为给定的祖先,例如 hi there, how are you doing today? 需要分成: hi there, how are y 和 ou doing today? 我该怎么做呢?

当jQuery与元素不匹配时抛出错误

通常,当我用jQuery选择一个元素时,如果它找不到匹配的元素,我希望它给我一个错误。 例如,我刚刚遇到一个错误,因为我更改了ul元素的类: $(‘ul.some-list’).append(listItem) 有没有一种方便的方法来确保我的jQuery调用与元素匹配?

单击事件以动态添加到DOM的元素

在jQuery 1.8之前,我可以使用.live()在点击按钮时触发,该按钮由jquery动态插入。 现在,.on()和.bind()都不适用于加载页面后添加到DOM的元素。 现在有哪些选择?

是否有FlexSlider的destroy方法

当我异步调用新的图库列表时,我试图在页面刷新时重新初始化FlexSlider。 我认为下面的例程可行,但事实并非如此。 即使新图像成功加载,似乎第一个FlexSlider仍然存在。 有没有办法摧毁,然后重建画廊? 谢谢 function flexInit() { $(‘.flexslider’).flexslider({ animation: “slide”, controlsContainer: “.paginator”, manualControls: ‘a’, after: function(slider){ if(slider.atEnd == true) { // ??? slider.destroy; galBuild(); } } }); } function galBuild() { $.getJSON(“/gallery/next/”+galID, function (data) { var results = data.objects; var list = $(“.flexslider ul.slides”); var i = 0; $.each(results, function () { list.append(” + […]

用于类/ id选择的jQuery的轻量级替代

假设我想构建一个非依赖的javascript框架/脚本。 有没有办法利用jQuery的惊人的类和元素选择function $(‘.this’) or $(‘#this’) or $(‘div’, ‘.this’) 不依赖于jQuery或使用jQuery(如果可用)但如果没有,它可以在没有它的情况下工作吗? 我搜索了这个高低。 也许我正在搜索错误,因为我得到的最接近的是: 选择没有jQuery的元素 但是,这并不像我想要的那样深入或类似于我想要的jQuery。 我已经考虑过挖掘jQuery源代码并将其删除并使用它,但我希望有人已经这样做了,我只是在错误的地方寻找并且其他人知道它。 更新 这有几个方面的答案,谢谢你的快速回复。 我在用错误的方法搜索。 我终于来了: https : //github.com/ded/qwery 然而,这里的答案完美地完成了工作: jQuery用于类/ id选择的轻量级替代