如何为客户端页面临时添加jquery以方便选取元素

用习惯了jquery，遇到想要提取页面上多个元素的链接或者图片资料的时候，就想着用jquery来选择。但是很多站点并不引用jquery，所以“$”语法也就失去了效果。这个时候我们可以临时的为页面添加一个外部引用，以便使用jquery语法。

为页面添加jquery

这里引用了字节跳动的静态资源，借短视频的东风，字节前景广阔，所以这个库也一直完善而稳定。最早接触静态资源库是百度的，可惜草草收场，似乎老的链接仍旧可以使用，但主页既然已经挂了，资源自然也是想删就删没有了保障。

thisPage=document.getElementsByTagName('body')[0];
jquery=document.createElement('script');
jquery.src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/1.12.4/jquery.min.js";
thisPage.appendChild(jquery);

延时函数

添加jquery支持之后，不一定会立刻生效，所以对于需要执行的函数，可以为其设置一个延迟时间：

thisPage=document.getElementsByTagName('body')[0];
jquery=document.createElement('script');
jquery.src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/1.12.4/jquery.min.js";
thisPage.appendChild(jquery);
myDiv=document.createElement('div');
myDiv.id="mydiv";
thisPage.append(myDiv);
setTimeout(function(){
  $('.jquery_test_link').children().each(function(x){
    if(x%2==0){
    this.rel="noopener noreferrer nofollow";
    this.textContent=this.title;
    myDiv.append(this);
    myDiv.append('\n'); 
  }});},100)