在控制台中使用jQuery？

Question

我正在学习jQuery，并希望在Chrome的JavaScript控制台中交互使用它。这是可能的吗？我想象中的情景是这样的，但它并不起作用：

> use('jquery.js')
jquery loaded
> $("span").html("Hello World!")

这将导致 "Hello World!" 被插入到 span 标签之间并显示出来。

- Clint Laskowski

---

使用Opera，你可以加载它与// jquery() :-) - Bergi

Answer 1

没有“用处”，当然它不会起作用。

你可以将它附加到一个页面上。

var scr = document.createElement("script");
scr.src = "http://code.jquery.com/jquery-1.9.1.min.js";
document.body.appendChild(scr);

- epascarello

---

你可能需要使用协议“https”而不是“http”来引用jQuery库文件。 - Yuvraj Patil

使用http时，Firefox会抛出以下错误“Blocked loading mixed active content “http://code.jquery.com/jquery-1.9.1.min.js””。 - Blake Frederick

Answer 2

如果您在打开控制台的页面中包含了jQuery，则可以在控制台中自由使用它。

- Wryte

Answer 3

最简单的方法就是编辑页面头部并添加一个指向jQuery的<script>标签。 这样您就可以在控制台中执行代码了。

- Kru

Answer 4

如果你想在控制台频繁使用jQuery，你可以轻松地编写一个用户脚本。首先，如果你使用的是Chrome浏览器，请安装Tampermonkey；如果你使用的是Firefox浏览器，请安装Greasemonkey。编写一个简单的用户脚本，并使用如下的use函数。

var scripts = []
function use(libname){
var src;
if(scripts.indexOf(libname)==-1){
switch(libname.toLowerCase()){  
case "jquery":
src = "http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js";
break;
case "angularjs":
src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js";
break;
}
}else{
console.log("Library already in use.");
return;
}
if(src){
scripts.append(libname);
var script = document.createElement("script");
script.src = src;
document.body.appendChild(scr);
}else{
console.log("Invalid Library.");
return;
}
}

- Asif Mallik

Answer 5

没关系，我搞定了 :-) 我创建了一个简单的HTML文件，加载了jQuery，然后进入了控制台。这对我很有效。

- Clint Laskowski

---

请查看Wryte的评论，它说明了同样的内容。 - dmi3y

好的，那当然是一个明显且简单的解决方案。我原本预计你不拥有打开控制台并想在其中使用jQuery的页面。 - Bergi

Answer 6

你可能想查看 http://jsfiddle.net/ 或者 http://codepen.io/pen/

如果你有任何问题，你仍然可以通过chrome控制台访问你创建的脚本，并且如果你想与他人分享，这将更加容易。

- Scott Puleo