常用JQ · 河马编辑器建站手册

PS：所有JQ语法使用前请加入<script></script>标签 ``` $(function(){ }) window.onload = function () { } ``` 遍历复制节点并设置class 添加至同级 ``` $(function(){ $(".hm-product-news li .do-title .title").each(function(){ $(this).clone().insertAfter(this); }); $(".hm-product-news li .title:first-child").attr("class", "clone"); }); ``` ##### JQ嵌套标签 ``` $('.do-article-content h4 img').wrap('<span style="display:inline-block;float: left;"></span>') ``` ##### 修改手机端导航LOGO ``` $(".do-nav-m .do-site-name img").attr("src","此处替换图片在线地址") ``` ##### JQ修改超链接 ``` $('#oilink').attr('href','http://oier.cc') ``` ##### JQ插入元素前 ``` $(".head").before("<span>我在：</span>"); $(".hm-store").before("<img class='hm-store-img' src='http://bk.image.styleweb.com.cn/2018/11/15/11825_joij09as.png'>"); ``` ##### JQ增加class ``` $("p:first").addClass("intro"); ``` ##### TAB悬浮切换代码 ``` $(".tabText_tab_vzoux:nth-child(1)").on("mouseover mouseout",function(event){ if(event.type == "mouseover"){tabChange('vzoux', 0 ) //鼠标悬浮 }else if(event.type == "mouseout"){ //鼠标离开 } }) $(".tabText_tab_vzoux:nth-child(2)").on("mouseover mouseout",function(event){ if(event.type == "mouseover"){tabChange('vzoux', 1 ) //鼠标悬浮 }else if(event.type == "mouseout"){ //鼠标离开 } }) ``` ##### 取消超链接点击效果 ``` <script> $(document).ready(function(){ $(".自定义css a").click(function(){ return false; }); }); </script> ``` ##### 去版权代码 ``` <script> $(".do-developers").remove();</script> ``` ``` <!– 禁用右键: –> <script> function stop(){ return false; } document.oncontextmenu=stop; </script> <body onselectstart=”return false”> 取消选取、防止复制 oncopy=”return false;” oncut=”return false;” 防止复制 <!– 禁止查看源文件 –> <html> <head> <script> function clear(){ Source=document.body.firstChild.data; document.open(); document.close(); document.title=”看不到源代码”; document.body.innerHTML=Source; }</script> </head> <!– 图片下载限制 –> <script language=”javascript”> function Click(){ if(window.event.srcElement.tagName==”IMG”) { alert(‘图片直接右键’); window.event.returnValue=false; } } document.oncontextmenu=Click; </script> <META HTTP-EQUIV=”imagetoolbar” CONTENT=”no”> 插入图片时加入galleryimg属性 <img galleryimg=”no” src=””> <!– 禁止右键保存把下面代码放在<head>和</head>之间 –> <SCRIPT LANGUAGE=java script> function click() { alert(‘对不起,您不能保存此图片,谢谢您的理解和支持!’) } function click1() { if (event.button==2) {alert(‘对不起,您不能保存此图片,谢谢您的理解和支持!’) }} function CtrlKeyDown(){ if (event.ctrlKey) {alert(‘不当的拷贝将损害您的系统！’) }} document.onkeydown=CtrlKeyDown; document.onselectstart=click; document.onmousedown=click1; </SCRIPT> ``` ``` <script> //replaceWith替换标签 $('.do-site-name h3').each(function(){ $(this).replaceWith('<h1>'+$(this).html()+'</h1>'); }); $('.z-logo a img') .wrap('<h1></h1>') </script> ``` ``` $(function(){ $("a").attr("target","_parent"); }); ``` ``` <script> $("body .do-developers, .do-developers").css("cssText",'height:auto!important'); $('.hm-btn a').attr({"href":"链接","target":"_blank"}); </script> ```