想要使用在油猴中使用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文档的结构进行动态的改变,添加子元素或者删除子元素;
|