网课脚本教程 【基础】(3) 使用 jq 制作简单脚本

欢迎来到系列教程 ：网课脚本编写教程

目录

• • 为什么使用jq?
  • 制作简单脚本
  • • • 找到任意一个登陆界面
      • 使用 键盘的 F12 审查元素
      • 点击审查箭头
      • 鼠标移动到 手机号和密码的输入框
      • 编写自动化脚本

为什么使用jq?

很多人会问，为什么不用js制作呢？ 其实原因很简单，学过jq 的同学就会知道，js的

元素定位太复杂，jq 轻量便捷，还有很多封装好的函数供我们随时调用。

---

制作简单脚本

制作脚本其实很简单，但是如何制作优秀的脚本还需要多多的练习，
我们废话不多说，直接使用jq 进入实战。

---

找到任意一个登陆界面

超星登陆界面
https://passport2.chaoxing/login?newversion=true

使用 键盘的 F12 审查元素

点击审查箭头

通过移动鼠标，审查箭头会直接帮助你 定位到鼠标指向的元素位置 !

鼠标移动到 手机号和密码的输入框

拿到元素ID：

手机号输入框

密码输入框

登陆按钮

编写自动化脚本

//手机号
$('#phone').val('***********')
//密码
$('#pwd').val('*************')
//登陆
$('#loginBtn').click();

编写完成后，输入到控制台

回车，登陆成功

---

细心的同学可以发现，其实这个脚本还可以优化，如下：

//手机号
$('#phone').val('***********')
//密码
$('#pwd').val('*************')
//登陆函数
loginByPhoneAndPwd();

因为我们审查元素的时候发现，按钮点击的时候触发了loginByPhoneAndPwd();函数，
我们在填写完成手机号密码，直接调用这个函数，也能实现登陆脚本。