Tampermonkey油猴脚本 jquery 常用组件

1 下载

官网网站：http://www.tampermonkey/
个人分享：https://920.lanzous/igiWUegi7je（直接把插件拖入浏览器，即可安装，最好升下级）
谷歌商店：https://chrome.google/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo

2 参数说明

@name:脚本的名字
@namespace:可以写自己的域名
@version:版本
@description:功能描述
@author:作者

// ==UserScript==
// @name         所有网站
// @namespace    no
// @version      0.1
// @description  测试
// @author       ty

@require 引入站外资源

# 引入js
// @require      https://cdn.bootcss.com/jquery/2.2.1/jquery.js

@match:匹配的网址

# 匹配所有网站
// @match	*://*/*

3 实例

3.1 添加标签

$("body").append("<button id='topic_info'>查看</button>");

3.2 嵌入网页

$("#test_search").append("<span id='my_computer'>本地 </span>");

$("#my_computer").click(function(){
	$("#test_search div").html("<iframe src='http://127.0.0.1/search' frameborder='0' height='300px'></iframe>");
});

3.3 给标签添加样式 css

$("#topic_info").css({
    //"position":"relative",
    //"left":"50px",
    //"top":"5px",
    "width":"1170px",
    "height":"100px",
    //"border":"1px solid red",
    //"margin":"auto",
    //"color":"red",
    //"z-index":"999"
});

3.4 获取标签内 文本

$("#divSubjectName").text();

3.5 文本复制

<div id="demo">这是被复制的内容</div>
<button class="btn">复制</button>

<!--导入-->
<!--<script src="http://apps.bdimg/libs/jquery/1.8.3/jquery.js"></script>-->
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="http://www.jq22/demo/clipboard.js-master201703170013/dist/clipboard.min.js"></script>

<!--复制-->
<script>
    var content = $("#demo").html();
    var clipboard = new Clipboard('.btn', {
        text: function () {
            return content;
        }
    });

    clipboard.on('success', function (e) {
        alert("复制成功");
    });

    clipboard.on('error', function (e) {
        console.log(e);
    });
</script>

3.6 pre标签内文本自动换行

pre {
	white-space: pre-wrap;
	word-wrap: break-word;
}

原文地址：https://www.couragesteak/article/71