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

最新推荐文章于 2024-04-17 09:12:42 发布

也好先生

最新推荐文章于 2024-04-17 09:12:42 发布

阅读量698

点赞数

分类专栏：网页JS自动化脚本编写-从头开始文章标签： javascript jquery 自动化

本文链接：https://blog.csdn.net/weixin_43716462/article/details/128148128

版权

网页JS自动化脚本编写-从头开始专栏收录该内容

12 篇文章 10 订阅

订阅专栏

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();
}

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