Tampermonkey油猴脚本jquery 常用组件

浏览 9 次     时间 2021-08-26 21:57:34     作者 有勇气的牛排    标签 前端

下载

官网网站:http://www.tampermonkey.net/

个人分享:https://920.lanzous.com/igiWUegi7je(直接把插件拖入浏览器,即可安装,最好升下级)

谷歌商店:https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo

参数说明

@require http://code.jquery.com/jquery-1.11.0.min.js

@name:脚本的名字

@namespace:可以写自己的域名

@version:版本

@description:功能描述

@author:作者

@match:匹配的网址

添加标签

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

嵌入网页

$("#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>");
});

给标签添加样式 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"
});

获取标签内 文本

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

文本复制

<div id="demo">这是被复制的内容</div>
<button class="btn">复制</button>
<!--导入-->
<!--<script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.js"></script>-->
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="http://www.jq22.com/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>

pre标签内文本自动换行

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。