Tampermonkey油猴脚本 jquery 常用组件

    技术2022-07-11  70

    下载

    官网网站: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; }
    Processed: 0.017, SQL: 9