====== How to load jQuery in Chrome DevTools ======
<WRAP left notice 80%>
  * description : Chrome console에서 jQuery 사용하기
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2022-03-31
</WRAP>
<WRAP clear></WRAP>

===== Chrome console에서 jQuery 사용하기 =====
\\
<code javaScript>
var jq = document.createElement('script');
jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
// ... give time for script to load, then type.
jQuery.noConflict();
</code>
\\

<code javascript>
let script = document.createElement('script');
script.src = 'https://code.jquery.com/jquery-3.2.1.min.js';
script.crossOrigin = 'anonymous';
script.integrity = 'sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=';
document.head.appendChild(script);
</code>
\\

<code javascript>
var jqry = document.createElement('script');
jqry.src = "https://code.jquery.com/jquery-3.3.1.min.js";
document.getElementsByTagName('head')[0].appendChild(jqry);
jQuery.noConflict();
</code>
\\

<code jquery>
$('tbody#csTbody tr').length;
$('tbody#csTbody tr.cs-state-doc').length;
$('tbody#csTbody tr.cs-state-send').length;
$('tbody#csTbody tr.cs-state-ackn').length;
</code>

==== jQuery ====

=== 3.x snippet ===
<code javascript>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</code>
\\

=== 2.x snippet ===
<code javascript>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
</code>
\\

=== 1.x snippet ===
<code javascript>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</code>
\\

==== Ref Site ====
[[https://gomcine.tistory.com/entry/%ED%81%AC%EB%A1%AC-%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%AA%A8%EB%93%9C-%EC%BD%98%EC%86%94%EC%97%90%EC%84%9C-jQuery-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95|크롬 개발자모드 콘솔에서 jQuery 사용하는 방법]]\\
[[https://memolog.org/2020/load-jquery-in-developer-console.html|Load jQuery library in the Chrome developer console]]\\
[[https://blog.wplauncher.com/run-jquery-in-chrome-console/|Run jQuery in Chrome Console]]\\
[[https://developers.google.com/speed/libraries#jquery|Google Hosted Libraries - jQuery]]\\
[[https://developer.chrome.com/docs/devtools/|Chrome DevTools]]

{{tag>오션 Chrome console jQuery}}