在JavaScript控制台中包含jQuery

有没有简单的方法可以在Chrome JavaScript控制台中为不使用jQuery的网站添加jQuery？ 例如，在网站上，我想获取表格中的行数。 我知道这对于jQuery来说非常简单。

$('element').length;

该网站不使用jQuery。 我可以从命令行添加它吗？

---

在您的浏览器的JavaScript控制台中运行这个，然后jQuery应该可用...

var jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
// ... give time for script to load, then type (or see below for non wait option)
jQuery.noConflict();

注意：如果网站的脚本与jQuery（其他库等）发生冲突，您仍可能遇到问题。

更新：

做得更好，创建一个书签使它非常方便，让我们来做，并且一点反馈也很棒：

右键单击书签栏，然后单击添加页面

按照您的喜好命名它，例如注入jQuery，然后使用以下行来输入URL：

javascript：（function（e，s）{e.src = s; e.onload = function（）{jQuery.noConflict（）; console.log（'jQuery inject'）}; document.head.appendChild（e）; }）（使用document.createElement（ '脚本'）， '// code.jquery.com/jquery-latest.min.js'）

以下是格式化的代码：

javascript: (function(e, s) {
    e.src = s;
    e.onload = function() {
        jQuery.noConflict();
        console.log('jQuery injected');
    };
    document.head.appendChild(e);
})(document.createElement('script'), '//code.jquery.com/jquery-latest.min.js')

这里使用官方的jQuery CDN URL，可以随意使用自己的CDN /版本。

---

在你的控制台运行这个

var script = document.createElement('script');script.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js";document.getElementsByTagName('head')[0].appendChild(script);

它创建新的脚本标记，用jQuery填充它并附加到头部

---

使用jQueryify小册子：

http://marklets.com/jQuerify.aspx

而不是在其他答案中粘贴代码，这会使其成为可点击的书签。

链接地址: http://www.djcxy.com/p/3933.html

上一篇: Include jQuery in the JavaScript Console

下一篇: What is the best way to remove a table row with jQuery?