网页JS自动化脚本(七)使用在线jQuery来操作元素

• jQuery是一个JS库,可以简化很多的操作,那么如果我们在脚本当中使用jQuery怎么办呢,那么先在网上搜一下可用的jQuery库,在任意搜索网页里输入jQuery在线引用地址,然后随便选一个以min.js结尾的即可,min代表是压缩的代码,体积比较小加载起来更快一些,如果想查看源码可以使用不带min的
• 我这里就随便拉出一条做为一个样本吧

// ==UserScript==
// @name        New script - baidu.com
// @namespace   Violentmonkey Scripts
// @match       https://www.baidu.com/
// @grant       none
// @version     1.0
// @author      -
// @description 2022/11/24 上午10:16:35
// @require     https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js
// ==/UserScript==

window.onload=function(){
  $("input[type=submit]").hide();
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14

• 可以看到在第9行的位置插入了// @require这个加载命令,然后把JQuery加载进来就可以使用了,后面带上找到的JS的地址
• 这里我们把提交按钮给它隐藏起来
  
• $("input[type=submit]")是jquery里的固定用法用于定位元素,在早期的时候非常方便,随着原生JS的迭代,很多jquery独有的功能都被纳入到原生JS之中