常用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> ```