找回密码
 立即注册
快捷导航

[Html/Css/JS] 油猴脚本 - Jquery引用

[复制链接]
庶民 2023-6-13 14:42:11 | 显示全部楼层

想要使用在油猴中使用Jquery脚本,需要先导入Jquery脚本
1:自己引入 Jquery库 ,注入script元素
2: 使用油猴脚本的@require 注入脚本

小提醒(重要)

在油猴用户脚本中引入jQuery库,最好运行在沙盒环境下,简单地加一条元数据 @grant unsafeWindow 即可;

如果运行在 @grant none 情形下,在脚本的顶部一定要添加:

this.$ = this.jQuery = jQuery.noConflict(true); 以防止与原页面jQuery库冲突,导致原页面功能异常。

来自 https://blog.csdn.net/nalan_yc/article/details/84769012

Jquery的简易使用

元素选取

在进行网页的操作中,最重要的一步就是定位要操作的元素,如果使用js自带的元素选择器,进行定位会比较麻烦,而使用 Jquery 会比较简单。

Jquery是使用CSS选择器进行定位的,使用标准的CSS选择器即可进行元素的选取和定位。例如 :

var p = $("p");   // 选取所有的 p 元素。

发送Ajax请求

使用 js 的原生 Ajax 请求比较麻烦,同时不同的浏览器内核的Ajax的接口样式和使用方式也不尽相同,使用Jquery能使用统一的方式在所有平台上便捷的使用Ajax请求。例如 :

$.ajax({
    url: 'test.html',
    context: document.body
}).done(function(){
         $(this).addClass("done");
});

化属性操作

使用Jquery可以方便的操作DOM 元素的各种属性;

简化CSS 操作

使用Jquery可以简化对DOM元素的CSS属性的动态设置。可以进行简单的动画操作;
$().css({css属性});

简化各种事件的处理

使用Jquery可以注册和拦截所有元素的事件,并对之进行处理拦截,包括windows窗体对象;
注册新的处理事件和监听事件变得很容易;

简化对字段值的获取

使用Jquery可以轻松的获得DOM元素的属性值,设置并获得其值;
$.attr()

简化对DOM对象的插入删除操作

这个也可以叫做简化对HTML文档的结构进行动态的改变,添加子元素或者删除子元素;

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

温馨提示

关于 注册码 问题

      由于近期经常大量注册机器人注册发送大量广告,本站开启免费入群领取注册码注册网站账号,注册码在群公告上贴着...

关于 注册码 问题

      由于近期经常大量注册机器人注册发送大量广告,本站开启免费入群领取注册码注册网站账号,注册码在群公告上贴着...

Archiver|手机版|小黑屋|DLSite

GMT+8, 2024-11-23 06:15

Powered by Discuz! X3.5 and PHP8

快速回复 返回顶部 返回列表