将jQuery与我自己的文档对象一起使用

Use jQuery with my own document object

本文关键字：对象 一起 文档 自己的 jQuery 我自己      更新时间：2023-09-26

我正在制作一个 greasemonkey 用户脚本，它应该预加载某些数据（实际上是 xkcd 漫画）并在单击链接时显示它们。

我的任务主要包括从 ajax 获取的 DOM 中检索数据并将值分配给用户正在查看的 DOM。这是一个特殊的情况，我发现jQuery非常有帮助。但是jQuery在window.document上运行。

我像这样加载和解析文档：

   xhr.onload = function() {
       var doc = document.implementation.createDocument(
         'http://www.w3.org/1999/xhtml',
         'html',
         document.doctype
       );
       doc.documentElement.innerHTML = this.responseText;
   }

并且我需要在doc上执行jQuery选择器，以便我可以检索站点数据（例如漫画标题）。

再一次，问题：如何在自定义文档对象上执行jQuery选择器？

你可以简单地使用$(doc)和jQuery的遍历方法：

var $doc = $(doc);
var comicContainer = $doc.find('#comics'); // for example

例如，若要将单击事件添加到自定义加载的项目，请使用以下命令：

$(body).on( 'click', 'YOUR_DYNAMIC_SELECTOR', function(){ DO_ALL_THIS } )
相关文章：