从TamperMonkey打开jQuery折叠 - 腾讯云开发者社区

文章/答案/技术大牛

发布

Jquery的折叠效果

01 16:50:08 在进行web前端开发中，会有一些关于介绍的页面，在这些页面里有类似名词解释的，如果直接将解释和名词放在页面上就会使整个页面显得东西凌乱，且不易于查看自己需要的名词，这时可以用到折叠的方式来解决...下面我来说说通过jquery来实现折叠效果，来看代码： jquery/jquery-1.11.1.min.js"> <script type="text/javascript...//$(".panel").slideToggle("slow");这种方式可以点击下拉，再次点击合上 $(".panel").toggle("slow");//这种方式panel会从左侧拉出...，再次点击从左侧退出 }); }); div.panel,p.flip { margin:0px; padding:5px;

5.2K1 0

如何在Bootstrap中保持多个折叠打开

<div class="accordi...

1.1K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

使用TamperMonkey解决Google被墙stackoverflow无法正常使用的问题

打开浏览器控制台，发现控制台报了很多的错，如下图：我们发现第一个错是获取https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/...TamperMonkey下载地址：微云下载下载完成后，打开Chrome的Extensions页面：将刚刚下载的.crx插件文件拖到Extensions窗口，点击...TamperMonkey脚本我们先来看下google的jquery引用在页面中的样子：可以看到就是普通的script标签，现在我们的思路应该比较明确了，就是用javascript...首先我们打开TamperMonkey，新建一个脚本。...我们打开 stackoverflow.com，可以看到jquery已经成功下载，网页头部的红色提示信息也消失了，网站可以正常使用了。

3.1K6 1

利用JQuery实现左侧菜单栏可折叠功能

今天给大家介绍一下左侧菜单栏可折叠功能，在后台管理中左侧菜单折叠功能是特别常见的一个功能，基本不管是什么类型的管理后台都会涉及到这个功能的实现。...今天给大家介绍的是二级可折叠菜单的功能，相对一级的菜单折叠功能就显得稍微比较复杂一点了，我这里将给大家介绍菜单折叠过程中三种变换形式。...第一种变换形式是：不管点击哪一级菜单都可以打开或者关闭本级菜单，但是不会影响其他级别的菜单：打开一个，其他都得处于关闭状态。而且二级菜单也会受到影响，也就是当点击一级菜单的时候，所有的二级菜单都会处于关闭的状态。折叠菜单的三种状态就都已经实现了，是不是特别简单呀。如果大家想要这个折叠菜单的源代码或者对文章有什么异议都可以加我QQ哦：208017534 欢迎打扰哦！！！

7.9K7 0

jquery控制div的打开与隐藏

="button" value="test" onclick="show();"> hello jquery

941 0

如何通过 Tampermonkey 快速查找 JavaScript 加密入口

首先我们可以点击 Tampermonkey 插件图标，点击「管理面板」按钮，打开脚本管理页面。 ? 界面类似显示如下图所示。 ?...在这里显示了我们已经有的一些 Tampermonkey 脚本，包括我们自行创建的，也包括从第三方网站下载安装的。另外这里也提供了编辑、调试、删除等管理功能，我们可以方便地对脚本进行管理。...•@homepage, @homepageURL, @website，@source：作者主页，用于在Tampermonkey选项页面上从脚本名称点击跳转。...例如： // @require https://code.jquery.com/jquery-2.1.4.min.js // @require https://code.jquery.com/jquery...接下来，打开控制台，切换到 Sources 面板，这时候我们可以看到站点下面的资源多了一个叫做 Tampermonkey 的目录，展开之后，发现就是我们刚刚自定义的脚本。 ?

2.9K1 0

Tampermonkey - 最强大的Chrome插件

安装插件 Chrome Web Store 最简单的方式就是直接在Chrome Web Store搜索Tampermonkey，然后点击"添加至Chrome"。...Chrome中打开chrome://extensions页面，拖入刚才下载的crx文件安装脚本在greasy fork、openusejs库里搜索要安装的脚本，然后点击"安装此脚本"，在跳转后的Tampermonkey...自定义脚本脚本内容其实就是JS代码 // ==UserScript== // @name tenmao-deploy // @require http://code.jquery.com.../jquery-3.3.1.min.js // @namespace http://tampermonkey.net/ // @version 0.1 // @description...官网如何开发一个油猴(TamperMonkey)脚本官方校本库openuserjs 脚本库Greasy Fork

2.1K2 0

使用 jQuery 在新窗口打开外部链接

我们一般都希望在新窗口打开外部链接，这样用户就不需要离开网站就能访问外部链接，但是如果每个外部链接都手工加上新窗口打开的属性（target="_blank"）的话，会让人非常抓狂。...使用 jQuery，我们只需要几行代码就能在新窗口中打开外部链接。 1....让外部链接在新窗口打开如果你想外部链接在新窗口打开，继续增加如下一行代码： $("a[href*='http://']:not([href*='"+location.hostname+"']),[href....addClass("external") .attr("target","_blank"); 上面的代码给链接标签增加一个 target 属性，并且给他赋值为 _blank，这样外部链接就能在新窗口打开

3.9K2 0

使用 TamperMonkey 增强生产力

TamperMonkey 提供了一种在网站上运行自己脚本的一种方式，应该成为我们工具箱里的一种常用工具。...sz=64&domain=tampermonkey.net // @match http*://*/* // @connect * // @require https://code.jquery.com...connect 规则： domains like tampermonkey.net (this will also allow all sub-domains) sub-domains i.e. safari.tampermonkey.net...running at localhost to access the localhost 1.2.3.4 to connect to an IP address @require 加载脚本的依赖，像 jQuery...GM_deleteValue(name) 删除一个值 GM_listValues() 列出所有的 keys GM_log(message) 打印日志 GM_openInTab(url, options) 打开一个新

1.4K1 0

使用 Tampermonkey 编写高级跨网站自动化任务脚本

大量的脚本资源（在 2016 年 2 月份时，大约有 9400 个）拥有可以从 Github 中进行脚本同步的功能非常活跃的开放源代码发展模式 OpenUserJS 你可以在这个网站搜索适用于某个网站的脚本...// @require https://code.jquery.com/jquery-2.1.4.min.js // @require https://code.jquery.com/jquery-2.1.3....min.js#sha256=23456... // @require https://code.jquery.com/jquery-2.1.2.min.js#md5=34567......这些 API 可以使你直接访问页面函数和变量、直接添加样式、存储数据（不跨域）、设置监听事件、使用 XHR和打开新的浏览器 Tab 页。下面让我们学习一下。...回调函数的 remote 变量是显示此值是从另一个选项卡的实例修改的（true）还是在此脚本实例中修改的（false）。因此，不同浏览器选项卡的脚本可以使用此功能相互通信。

6.4K1 0

JQuery从入门到实战

个人主页：楠慧简介：一个大二的科班出身的，主要研究Java后端开发 ⏰座右铭：成功之前我们要做应该做的事情，成功之后才能做我们喜欢的事 1、JQuery快速入门 1.1、JQuery介绍 jQuery...jQuery 官网：https://www.jquery.com 1.2、JQuery快速入门开发思路编写 HTML 文档。引入 jQuery 文件。使用 jQuery 获取元素。...jQuery 的核心语法 $(); 2、JQuery基本语法 2.1、JS对象和JQuery对象转换 jQuery 本质上虽然也是 JS，但如果想使用 jQuery 的属性和方法那么必须保证对象是 jQuery...jq = $(jsDiv); alert(jq.html()); jQuery 对象转换成 JS 对象 /*jQuery 对象[索引]; jQuery 对象.get(索引);*/ // jQuery...jQuery 对象[索引] jQuery 对象.get(索引)：将 jQuery 对象转为 JS 对象。事件在 jQuery 中将事件封装成了对应的方法。去掉了 JS 中的 .on 语法。

16.2K3 0

从App直接打开小程序

今天无意中了解到APP竟然可以直接打开小程序这个功能，一致认为不可能啊，因为小程序是依靠微信，如果手机上微信没有打开，或者是没有安装微信会怎样呢？一起探索吧！...步骤 1.打开微信开发者平台文档,下载微信SDK。

6.7K1 0

5 分钟，教你从零快速编写一个油猴脚本！

、下载影视等功能，适用于主流的浏览器官网： https://www.tampermonkey.net/index.php 1....脚本的命名空间，用于确定脚本的唯一性 @version 脚本的版本号，用于脚本的更新 @description 脚本的描述信息 @author 作者 @require 定义脚本运行之前需要引入的外部 JS，比如：jQuery...具体的调用方法 //.... } }) //监听监听器 GM_removeValueChangeListener(listener_id); 2-4 打开一个标签...格式：GM_openInTab(url, options) 该 API 可用于打开一个新的标签页面其中，第一个参数用于指定新标签页面的 URL 地址，第二个参数用于指定页面展示方式及焦点停留页面...// 授权 // @grant GM_openInTab // 打开新页面 var onpenNewTap = function (){ //打开百度页面 //active

4.2K3 0

Bootstrap 基于Bootstrap和JQuery实现动态打开和关闭tab页

基于Bootstrap和JQuery实现动态打开和关闭tab页 by:授客 QQ：1033553122 1....测试环境 JQuery-3.2.1.min.j Bootstrap-3.3.7-dist win7 2....options.tabName); //tabUrl:当前tab所指向的URL地址 varisExists= isTabExists(options.menuID); if(isExists){ // 如果tab标签页已打开...role="tabpanel" class="tab-pane">' + content + ''); $("#tab-a-" + options.menuID).click(); // 选中打开的...tab currentIframID= 'iframe' + options.menuID; } } /*** * 判断tab页是否已经打开 * @paramtabName当前tab的名称

8.5K2 0

使用Tampermonkey 前端程序员竟用它入侵了github系统。。。（内附源码）

工作流程: 打开一个包含很多客户的Excel,打开国税网站,复制excel的帐号和密码,点击验证,点击同意,点击登录进入系统,在登录后的首页截图,命名为公司名,保存到文件夹里.退出,重复以上操作....设计思路: 1:制作一个chrome的插件,调取浏览器提供的api,自动截图,命名保存到本地 2:编写Tampermonkey 脚本,在页面注入一个按钮,并为按钮添加点击事件前一种方式技术难度高,操作复杂...和 html2canvas jquery操作dom heml2canvas 将dom节点生成canvas, 源码编写： // ==UserScript== // @name 魔法按钮...// @namespace http://tampermonkey.net/ // @version 0.1 // @description try to take over the.../ @author Fizz // @match https://github.com/* // @require https://cdn.bootcss.com/jquery

9461 0

使用 Vue+Element 开发 Tampermonkey 插件

但就是那种简单的界面，使用jQuery控制页面也需要非常繁复的操作。而由于这次的脚本需要操作表格、完成多选操作甚至弹出模态框，因此如果还用jQuery就太折磨人了。...相反我认为快速开发、后台开发、从旧Web开发过渡的开发等等都十分适合使用Vue。...脚本的操作界面不需要多复杂的逻辑控制，此时双向绑定的优势就体现出来了部分操作类似jQuery，对已有DOM的修改相对来说更方便最后是界面库了，为什么选择Element呢？...之后在Chrome插件管理-Tampermonkey-详细信息中勾选允许访问本地文件 URL。...Reference 本文大量参考此项目：huangxubo23/tampermonkey-vue

3.2K1 0

jquery实现点击复制微信号并自动打开微信加好友

近期，有建网站客户要求实现在自己的手机网站上实现点击复制微信号并自动打开微信加好友的功能。怎么在自己建网站时，制作出这样的点击复制微信号并自动打开微信加好友功能呢？...下面分享一下实现点击复制微信号并自动打开微信加好友的代码如下： jquery.../1.9.0/jquery.js"> <script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js...console.log(e.clearSelection); }); }); 如果要开发出更多的功能，可以结合jquery

3.5K5 1

Tampermonkey 本地开发【使用$.ajax】 http被禁止解决方法

背景描述在本地开发Tampermonkey（油猴）脚本，其中需要和本地服务器交互，但是运行的网站是https，本地服务器是http，请求被谷歌浏览器禁止了。 ?...以上是使用jquery的$.ajax请求数据。解决办法使用Tampermonkey的提供的GM_xmlhttpRequest，就可以正常在https的网站访问http网站。...但是，Tampermonkey会提示该脚本有跨域请求，添加此域名到白名单即可。

2.8K0 0

Facebook AI | 从数百万预测结构中学习逆向折叠

此外，作者将逆向折叠定义为sequence-to-sequence问题，并使用自回归的编解码架构进行建模。...在计算蛋白设计任务中(top)，目标是预测能折叠成给定蛋白质的氨基酸序列。单个原子被表示为彩色的球体。...在标量特征进行转换之前，会将其与转换后矢量特征的范数进行拼接，这允许模型从输入向量中提取旋转不变信息。线性变化仅用于控制输出矢量的维度。...这些结果表明，在逆向折叠任务中除了几何归纳偏置这一主要问题需要解决，设法利用更多训练数据来源对于提升模型容量也同等重要。...通过将主干跨距掩蔽集成到反向折叠任务中，并使用序列到序列转换器，可以为短掩蔽跨距实现合理的序列预测。

9032 0

点击加载更多

Jquery的折叠效果

如何在Bootstrap中保持多个折叠打开

使用TamperMonkey解决Google被墙stackoverflow无法正常使用的问题

利用JQuery实现左侧菜单栏可折叠功能

jquery控制div的打开与隐藏

最新Tampermonkey 中文文档解析（附基础案例和高级案例）

如何通过 Tampermonkey 快速查找 JavaScript 加密入口

Tampermonkey - 最强大的Chrome插件

使用 jQuery 在新窗口打开外部链接

使用 TamperMonkey 增强生产力

使用 Tampermonkey 编写高级跨网站自动化任务脚本

JQuery从入门到实战

从App直接打开小程序

5 分钟，教你从零快速编写一个油猴脚本！

Bootstrap 基于Bootstrap和JQuery实现动态打开和关闭tab页

使用Tampermonkey 前端程序员竟用它入侵了github系统。。。（内附源码）

使用 Vue+Element 开发 Tampermonkey 插件

jquery实现点击复制微信号并自动打开微信加好友

Tampermonkey 本地开发【使用$.ajax】 http被禁止解决方法

Facebook AI | 从数百万预测结构中学习逆向折叠

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐