首页技术文章正文

jquery事件绑定方法有哪些？

更新时间:2021年11月11日17时27分来源:大阳城app官网入口浏览次数:

好口碑IT培训

在jQuery中，实现事件绑定有两种方式，一种是通过事件方法进行绑定，另一种是通过on()方法进行绑定，下面我们分别进行详细讲解。

1. 通过事件方法绑定事件

在前面的学习中，我们已经用过了单个事件的绑定，是通过调用某个事件方法，传入事件处理函数来实现的，如click()、change()等。jQuery的事件和DOM中的事件相比，省略了开头的“on”，如jQuery中的click()对应DOM中的onclick。并且，jQuery的事件方法允许为一个事件绑定多个事件处理函数，只需多次调用事件方法，传入不同的函数即可。

接下来我们通过下面列举jQuery中的一些常用的事件方法。

jQuery常用事件方法
分类	方法	说明
表单事件	blur([[data],function])	当元素失去焦点时触发
	focus([[data],function])	当元素获得焦点时触发
	change([[data],function])	当元素的值发生改变时触发
	focusin([dta],function)	在父元素上检测子元素获取焦点的情况
	focusout([data],function)	在父元素上检测子元素失去焦点的情况
	select([[data],function])	当文本框（包括和)中<br /> 的文本被选择时触发</font></td> </tr> <tr height="53" style="HEIGHT: 39.95pt; mso-height-source: userset"> <td class="xl67" height="53" style="BORDER-TOP: windowtext; HEIGHT: 39.95pt; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">submit([[data],function])</font></td> <td class="xl67" style="BORDER-TOP: windowtext; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">当表单提交时触发</font></td> </tr> <tr height="53" style="HEIGHT: 39.95pt; mso-height-source: userset"> <td class="xl70" height="159" rowspan="3" style="BORDER-TOP: windowtext; HEIGHT: 119.85pt; BORDER-RIGHT: windowtext 0.5pt solid; WIDTH: 47pt; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext 0.5pt solid; BACKGROUND-COLOR: transparent" width="63"> <p align="center"><font face="宋体">键盘<br /> 事件</font></p> </td> <td class="xl67" style="BORDER-TOP: windowtext; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">keydown([[data],function])</font></td> <td class="xl67" style="BORDER-TOP: windowtext; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">键盘按键按下时触发</font></td> </tr> <tr height="53" style="HEIGHT: 39.95pt; mso-height-source: userset"> <td class="xl67" height="53" style="BORDER-TOP: windowtext; HEIGHT: 39.95pt; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">keypress([[data],function])</font></td> <td class="xl66" style="BORDER-TOP: windowtext; BORDER-RIGHT: windowtext 0.5pt solid; WIDTH: 213pt; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent" width="284"><font face="宋体">键盘按键（Shift、Fn、CapsLOck等非<br /> 字符键除外）按下时触发</font></td> </tr> <tr height="53" style="HEIGHT: 39.95pt; mso-height-source: userset"> <td class="xl67" height="53" style="BORDER-TOP: windowtext; HEIGHT: 39.95pt; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">keyup([[data],function)</font></td> <td class="xl67" style="BORDER-TOP: windowtext; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">键盘按键弹起时触发</font></td> </tr> <tr height="53" style="HEIGHT: 39.95pt; mso-height-source: userset"> <td class="xl70" height="318" rowspan="6" style="BORDER-TOP: windowtext; HEIGHT: 239.7pt; BORDER-RIGHT: windowtext 0.5pt solid; WIDTH: 47pt; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext 0.5pt solid; BACKGROUND-COLOR: transparent" width="63"> <p align="center"><font face="宋体">鼠标<br /> 事件</font></p> </td> <td class="xl67" style="BORDER-TOP: windowtext; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">mouseover([[data],function])</font></td> <td class="xl67" style="BORDER-TOP: windowtext; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">当鼠标指针移入对象时触发</font></td> </tr> <tr height="53" style="HEIGHT: 39.95pt; mso-height-source: userset"> <td class="xl67" height="53" style="BORDER-TOP: windowtext; HEIGHT: 39.95pt; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">mouseout([[data],function])</font></td> <td class="xl67" style="BORDER-TOP: windowtext; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">当鼠标指针从元素上离开时触发</font></td> </tr> <tr height="53" style="HEIGHT: 39.95pt; mso-height-source: userset"> <td class="xl67" height="53" style="BORDER-TOP: windowtext; HEIGHT: 39.95pt; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">click([[data],function])</font></td> <td class="xl67" style="BORDER-TOP: windowtext; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">当单击时元素触发</font></td> </tr> <tr height="53" style="HEIGHT: 39.95pt; mso-height-source: userset"> <td class="xl67" height="53" style="BORDER-TOP: windowtext; HEIGHT: 39.95pt; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">dbclick([[data],function])</font></td> <td class="xl67" style="BORDER-TOP: windowtext; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">当双击元素时触发</font></td> </tr> <tr height="53" style="HEIGHT: 39.95pt; mso-height-source: userset"> <td class="xl67" height="53" style="BORDER-TOP: windowtext; HEIGHT: 39.95pt; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">mousedown([[data],function])</font></td> <td class="xl66" style="BORDER-TOP: windowtext; BORDER-RIGHT: windowtext 0.5pt solid; WIDTH: 213pt; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent" width="284"><font face="宋体">当鼠标指针移动到元素上方，并按下<br /> 鼠标按键时触发</font></td> </tr> <tr height="53" style="HEIGHT: 39.95pt; mso-height-source: userset"> <td class="xl67" height="53" style="BORDER-TOP: windowtext; HEIGHT: 39.95pt; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">mouseup([[data],function])</font></td> <td class="xl67" style="BORDER-TOP: windowtext; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">当在元素上放开鼠标按钮时，会被触发</font></td> </tr> <tr height="53" style="HEIGHT: 39.95pt; mso-height-source: userset"> <td class="xl70" height="106" rowspan="2" style="BORDER-TOP: windowtext; HEIGHT: 79.9pt; BORDER-RIGHT: windowtext 0.5pt solid; WIDTH: 47pt; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext 0.5pt solid; BACKGROUND-COLOR: transparent" width="63"> <p align="center"><font face="宋体">浏览器<br /> 事件</font></p> </td> <td class="xl67" style="BORDER-TOP: windowtext; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">scroll([[data],function])</font></td> <td class="xl67" style="BORDER-TOP: windowtext; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">当滚动条发生变化触发</font></td> </tr> <tr height="53" style="HEIGHT: 39.95pt; mso-height-source: userset"> <td class="xl67" height="53" style="BORDER-TOP: windowtext; HEIGHT: 39.95pt; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">resize([[data],function)</font></td> <td class="xl67" style="BORDER-TOP: windowtext; BORDER-RIGHT: windowtext 0.5pt solid; BORDER-BOTTOM: windowtext 0.5pt solid; BORDER-LEFT: windowtext; BACKGROUND-COLOR: transparent"><font face="宋体">当调整浏览器窗口的大小时会被触发</font></td> </tr> </tbody> </table> <!-- <p--><br /> 在上表中，参数function表示触发事件时执行的处理函数，参数data表示函数传入的数据，可以使用“事件对象.data”获取。如果调用时省略参数，则表示手动触动事件。 <p>下面我们通过代码演示事件方法的使用。</p> <pre class="brush:js;toolbar:false"> <div>绑定事件</div> <script> $("div").click(function(){ $(this).css("background", "purple"); }); $("div").mouseenter(function(){ $(this).css("background", "skyblue"); }); </script></pre> <p>上述代码中，第1行代码定义了div元素。第3～5行代码为div元素绑定单击事件，通过第4行代码修改当前元素背景色为紫色。第6～8行代码为div元素绑定鼠标指针移入事件，实现当鼠标指针移入div元素时，将背景色修改为天蓝色。</p> <h2>2.通过on()方法绑定事件</h2> <p>on()方法在匹配元素上绑定一个或多个事件处理函数，语法如下所示。</p> <pre class="brush:js;toolbar:false"> element.on(events, [selector], fn)</pre> <p>上述代码中，events表示一个或多个用空格分隔的事件类型，如click;selector表示子元素选择器;fn表示回调函数，即绑定在元素身上的侦听函数。</p> <p>下面我们通过代码演示on()方法的使用。</p> <pre class="brush:js;toolbar:false"> //一次绑定一个事件 $("div").on("click", function(){ $(this).css("background","yellow") }); //一次绑定多个事件 $("div").on({ mouseenter: function(){ $(this).css("background", "skyblue"); }, click: function(){ $(this).css("background", "purple"); }, mouseleave: function(){ $(this).css("background", "blue"); } }); // 为不同事件绑定相同的事件处理函数 $("div").on("mouseenter mouseleave", function(){ $(this).toggleClass("current"); });</pre> <p>上述代码演示了on()方法的3种用法。第1种用法非常简单，和事件方法的方式类似；第2种用法是为on()方法传入了一个对象，对象的属性名表示事件类型，属性值表示对应的事件处理函数;第3种用法是同时为mouseenter、mouseleave事件绑定相同的事件处理函数，实现div元素的current类的切换效果。</p> <br /> <br /> <p><strong>猜你喜欢</strong></p> <p><a href="/news/20210813/11523167424.shtml" target="_blank">jQuery选择器基本语法格式和jQuery选择器的优势</a></p> <p><a href="/news/20210611/17065450811.shtml" target="_blank">jQuery中attr()和prop()的区别是什么？</a></p> <p><a href="/news/20201229/13523487797.shtml" target="_blank">jQuery框架有什么特点？如何安装jQuery？</a></p> <p><a href="/web/" target="_blank">大阳城app官网入口HTML&JS+前端开发课程</a></p> </div> <div class="botpage clears"> <a href="/news/20211111/14372289202.shtml" class="prev"><b>上一篇：</b>jquery基本选择和层次选择器详细介绍</a> <a href="/news/20211116/16050667539.shtml" class="next"><b>下一篇：</b>Math对象的常用方法有哪些?如何使用？</a> </div> <!--相关阅读--> <div class="reader_con"> <div class="re_con fl recon_new"> <h2>最新资讯</h2> <ul> <li> <a href="/news/20240223/10512549668.shtml" target="_blank"> <p>CORS代表什么以及它解决什么问题?</p> <span>2024-02-23</span> </a> </li> <li> <a href="/news/20240223/10180289537.shtml" target="_blank"> <p>ClickHouse的核心特性是什么?</p> <span>2024-02-23</span> </a> </li> <li> <a href="/news/20240222/10410683716.shtml" target="_blank"> <p>Flink如何计算实时的topN?</p> <span>2024-02-22</span> </a> </li> <li> <a href="/news/20240222/10150452706.shtml" target="_blank"> <p>UEditor有哪些常用方法?</p> <span>2024-02-22</span> </a> </li> <li> <a href="/news/20240221/10291138223.shtml" target="_blank"> <p>JS中，判断一个值是什么类型有哪些方法?</p> <span>2024-02-21</span> </a> </li> <li> <a href="/news/20240221/1004091203.shtml" target="_blank"> <p>Kafka并不支持主写从读(读写分离)，这是为什么呢?</p> <span>2024-02-21</span> </a> </li> </ul> </div> <div class="re_con fr recon_relevant"> <h2>相关阅读</h2> <ul> <li> <a href="/news/20211102/16395357800.shtml" target="_blank"> <p>JavaScript在客户端和服务器端的区别</p> <span>2021-11-02</span> </a> </li> <li> <a href="/news/20211102/15523132831.shtml" target="_blank"> <p>CSS3 rotateX和rotateY用法介绍</p> <span>2021-11-02</span> </a> </li> <li> <a href="/news/20211101/15370217760.shtml" target="_blank"> <p>什么是Source Map？</p> <span>2021-11-01</span> </a> </li> <li> <a href="/news/20211101/15253958463.shtml" target="_blank"> <p>transition-delay属性用法：transition-delay属性与过渡动作</p> <span>2021-11-01</span> </a> </li> <li> <a href="/news/20211101/14595254568.shtml" target="_blank"> <p>为什么要将项目打包发布？如何打包？</p> <span>2021-11-01</span> </a> </li> <li> <a href="/news/20211101/12240490796.shtml" target="_blank"> <p>transition-property属性有几个属性值?</p> <span>2021-11-01</span> </a> </li> </ul> </div> </div> <!--百度分享代码--> <!-- 百度分享代码 --> <style> .bdsharebuttonbox{display: none;} .bdsharebuttonbox .dianzan{ float: right; height: 26px; line-height: 26px; border: 1px solid #f6f7f8; padding: 0px 17px 0px 38px; background: url(http://yun.itheima.com/Root/images/spjc_zan.jpg) no-repeat 16px 3px; background-size: 15px; border-radius: 50px; font-size: 14px; color: #6e6e6e; cursor: pointer; display: inline-block; margin-bottom: 11px; } .bdsharebuttonbox .dianzan.cur{background-image: url(http://yun.itheima.com/Root/images/spjc_zanhover.jpg);} .bdsharebuttonbox img{width: 22px;cursor: pointer;margin: 0 5px;} </style> <div class="bshare-custom bdsharebuttonbox" id="bdsharebuttonbox"><span class="dianzan">0</span> <em style="font-style: inherit;float: left;line-height: 23px;">分享到：</em> <img class="-mob-share-weibo" src="/2020gw/images/wz_weibo.png"/> <img class="-mob-share-qzone" src="/2020gw/images/wz_qqkj.png"/> <img class="-mob-share-weixin" src="/2020gw/images/wz_weixin.png"/> </div> <script id="-mob-share" src="//f1.webshare.mob.com/code/mob-share.js?appkey=34ac61133a544"></script> <div class="menu"></div> <style> #content{padding-right:102px;} .menu{display:none;width:200px; background:#fff; border-radius:4px; position:fixed;top: 208px; margin-left: -252px; padding:6px;box-shadow: 0 0 12px rgba(0,0,0,.06); max-height: 746px;overflow-y: auto;} .menu::-webkit-scrollbar {width: 6px;height: 1px;} .menu::-webkit-scrollbar-thumb {width: 6px;border-radius: 5px;background: #E8E8F5;} .menu::-webkit-scrollbar-track{width: 6px;height: 1px;} .menu a{width:100%; height:30px; line-height:30px; display:inline-block;overflow: hidden;font-size: 12px;} .menu a:hover{color:#D72502} @media screen and (max-width: 1650px){ .menu{width:0px;padding:0px;overflow:hidden;} } .sub_l .img_big{cursor: pointer;} .imgbigmask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;cursor: pointer;} .imgbigmask .imgbigmask_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);} .imgbigmask .imgbigmask_con{position: absolute;left: 50%;top: 50%;width: 90%;max-height: 85%;overflow-y: auto;transform: translate(-50%,-50%);} .imgbigmask .imgbigmask_con::-webkit-scrollbar {width: 5px;height: 1px;} .imgbigmask .imgbigmask_con::-webkit-scrollbar-thumb {width: 5px;background: #ccc;} .imgbigmask .imgbigmask_con::-webkit-scrollbar-track{width: 5px;height: 1px;} .imgbigmask .imgbigmask_con img{display: block !important;max-width: 100%;margin: 0 auto;} </style> <script> $(document).ready(function(e) { $(".menu").append("<a href='javascript:;' style='text-indent:1.5' >目录</a>"); $(".sub_txt").children().each(function(index, element) { var tagName=$(this).get(0).tagName; if( tagName=='HR'){ return; } if(tagName.substr(0,1).toUpperCase()=="H"){ var contentH=$(this).text();//获取内容 var markid="mark-"+tagName+"-"+index.toString(); $(this).attr("id",markid);//为当前h标签设置id let spaceNum = ""; if (tagName === 'H1') { spaceNum = ""; } else if (tagName === 'H2') { spaceNum = "1.5"; } else if (tagName === 'H3') { spaceNum = "3"; } else if (tagName === 'H4') { spaceNum = "4.5"; } else if (tagName === 'H5') { spaceNum = "6"; } else if (tagName === 'H6') { spaceNum = "7.5"; } spaceNum+="em"; $(".menu").append("<a href='#"+markid+"' title='"+contentH+"' style='text-indent:"+spaceNum+"'>"+contentH+"</a>"); $(".menu").show(); } }); }); $(".menu").on("click","a", function(){ $(this).css({"color":"#D72502"}).siblings().css({"color":"#333"}); }); $(window).scroll(function(){ var wtop = $(window).scrollTop(); var slidet2 = 208-wtop; if(wtop>197){ $(".menu").css({"top":"11px"}); }else{ $(".menu").css({"top":slidet2}); } }); $(".sub_l").append('<div class="imgbigmask" style="display: none;"><div class="imgbigmask_bg"></div><div class="imgbigmask_con"><img src=""></div></div>'); $(".sub_l .img_big").click(function(){ var picimg = $(this).attr("src"); $(".sub_l .imgbigmask_con img").attr("src",picimg); $(".sub_l .imgbigmask").show(); }); $(".sub_l").on("click",".imgbigmask",function(){ $(".sub_l .imgbigmask").hide(); }); </script> <!--百度分享代码--> </div> <div class="new_r"> <div class="new_top"><p class="ajavaee"><a href="http://java.itcast.cn" target="_blank"><img alt="Java高级软件工程师课程" src="http://www.itheima.com/images/newslistPIC/1673602892815_官网文章列表.jpg" style="width: 230px; height: 148px;" /></a><span>javaee</span></p> <p class="apython"><a href="/python/" target="_blank"><img alt="Python大数据课程" src="http://www.itheima.com/images/newslistPIC/1714628527388_学科列表页面右侧广告图.jpg" style="width: 230px; height: 148px;" /></a><span>python</span></p> <p class="aweb"><a href="/web/" target="_blank"><img alt="web前端课程全薪升级V8.5" src="http://www.itcast.cn/files/image/202305/20230504162126780.png" style="width: 230px; height: 148px;" /></a><span>web</span></p> <p class="aui"><a href="/design/" target="_blank"><img alt="AI+设计课程" src="http://www.itcast.cn/files/image/202406/20240612150654075.jpg" style="width: 230px; height: 148px;" /></a><span>design</span></p> <p class="acloud"><a href="http://python.itcast.cn" target="_blank"><img alt="大数据培训班" src="http://www.itheima.com/images/newslistPIC/1619495360998_python+大数据学科列表页右侧.png" style="width: 230px; height: 148px;" /></a><span>cloud</span></p> <p class="atest"><a href="https://test.itcast.cn" target="_blank"><img alt="软件测试培训课程" src="http://www.itcast.cn/files/image/202401/20240124102017048.jpg" style="width: 230px; height: 148px;" /></a><span>test</span></p> <p class="ac"><a href="/subject/czly/index.shtml" target="_blank"><img alt="" src="/files/image/202006/20200608154929276.jpg" style="width: 230px; height: 148px;" /></a><span>c</span></p> <p class="anetmarket"><a href="http://xmt.itcast.cn/" target="_blank"><img alt="新媒体运营培训课程" src="http://www.itheima.com/images/newslistPIC/1677642673317_230x148.png" style="width: 230px; height: 148px;" /></a><span>netmarket</span></p> <p class="apm"><a href="/pm/" target="_blank"><img alt="产品经理培训课程" src="http://www.itcast.cn/files/image/202210/20221018111554238.png" style="width: 230px; height: 148px;" /></a><span>pm</span></p> <p class="aLinux"><a href="/subject/linuxzly/index.html" target="_blank"><img alt="linux培训班" src="/files/image/202006/20200608155135435.jpg" style="width: 230px; height: 148px;" /></a><span>Linux</span></p> <p class="amovies"><a href="/subject/movieszly/index.html" target="_blank"><img alt="影视制作培训" src="/files/image/202006/20200608155515709.jpg" style="width: 230px; height: 148px;" /></a><span>movies</span></p> <p class="arobot"><a href="/subject/robotzly/index.html" target="_blank"><img alt="智能机器人开发" src="/files/image/202006/20200608155646087.jpg" style="width: 230px; height: 148px;" /></a><span>robot</span></p> <p class="auids"><a href="/subject/uizly/index.shtml" target="_blank"><img alt="电商视觉设计" src="/files/image/202006/20200608155728652.jpg" style="width: 230px; height: 148px;" /></a><span>uids</span></p> <p class="aai"><a href="/ai/" target="_blank"><img alt="人工智能培训课程" src="http://www.itcast.cn/files/image/202303/20230301114223853.jpg" style="width: 230px; height: 148px;" /></a><span>Python</span></p> <p class="ajcdl"><a href="https://www.itheima.com/special/jcdlzly/index.html?jcdlzly" target="_blank"><img alt="集成电路应用开发(嵌入式)培训课程" src="http://www.itcast.cn/files/image/202307/20230718175515466.jpg" style="width: 230px; height: 148px;" /></a><span>jdbc</span></p> </div> <div class="techcen_right"> <div class="techcen_tit"> <div class="xqtop"> <b></b> <img src="/2018czgw/images/technology/kbtop.png" > <p><span>北京校区</span><img src="/2018czgw/images/kczxdown.png" ></p> </div> <div class="xqall"> <ul></ul> </div> </div> <div class="techcen_kb"> </div> </div> <div class="new_bot"><div class="botcon"> <div class="ajavaee"><a class="itcast_click" href="javascript:;">申请试听名额</a></div> <div class="apython"><a class="itcast_click" href="javascript:;">申请试听名额</a></div> <div class="aweb"><a class="itcast_click" href="javascript:;">申请试听名额</a></div> <div class="aui"><a class="itcast_click" href="javascript:;">申请试听名额</a></div> <div class="acloud"><a class="itcast_click" href="javascript:;">申请试听名额</a></div> <div class="atest"><a class="itcast_click" href="javascript:;">申请试听名额</a></div> <div class="ac"><a class="itcast_click" href="javascript:;">申请试听名额</a></div> <div class="anetmarket"><a class="itcast_click" href="javascript:;">申请试听名额</a></div> <div class="apm"><a class="itcast_click" href="javascript:;">申请试听名额</a></div> <div class="aLinux"><a class="itcast_click" href="javascript:;">申请试听名额</a></div> <div class="amovies"><a class="itcast_click" href="javascript:;">申请试听名额</a></div> <div class="arobot"><a class="itcast_click" href="javascript:;">申请试听名额</a></div> <div class="auids"><a class="itcast_click" href="javascript:;">申请试听名额</a></div> <div class="aai"><a class="itcast_click" href="javascript:;">申请试听名额</a></div> </div> <!--<a class="a1024" href="" target="_blank"><img alt="" src="" title="" /></a>--!></div> <div class="list"> <!--首页固定列表页右侧视频库调用和报名表单--> <div class="box_sidebar"> <div class="sidebar_more"> <h2>热门课程推荐</h2><a href="http://yun.itheima.com/course" target="_blank" class="sidemore">更多>></a> </div> <ul> <script src="https://yun.itheima.com/api.php/course/hot/cid/web"></script> </ul> </div> <div class="bmlc-con bmlc-con2 bmbd"> <div class="bmbd-con"><iframe class="iframe" frameborder="0" height="380" scrolling="no" src="https://baoming.itcast.cn/page/51e9cfbf12aaa-5b45602cb603e----1?class=wzlist" width="100%"></iframe></div> </div> </div> </div> </div> <!-- main E --> </div> <!-- 底部 S --> <div class="newsindex_pc"> <div class="footer"> <!-- 底部列表区 --> <div class="footer-top"> <div class="inner"> <p class="footer-cz" style="padding: 20px 0;"><a class="com-red" href="http://www.itcast.cn/subject/about/index.html" rel="nofollow" target="_blank">澳门大阳城APP入口</a> \| <a class="com-red" href="http://www.itcast.cn/channel/flow.shtml" rel="nofollow" target="_blank">报名流程</a>\| <a class="com-red" href="http://www.itcast.cn/news/20171206/08175432061.shtml" rel="nofollow" target="_blank">大阳城网站官网声明</a>\| <a class="com-red" href="http://www.itcast.cn/news/20180206/17584730379.shtml" rel="nofollow" target="_blank">法律声明</a>\| <a class="com-red" href="http://www.itcast.cn/news/20180412/10045089511.shtml" rel="nofollow" target="_blank">对外合作</a>\| <a class="com-red" href="http://www.itcast.cn/1024/index.html" target="_blank">1024程序员节 </a></p> </div> </div> <!-- 底部列表区 --> <!-- 底部版权区 --> <div class="footer-bot"> <p>大阳城·(中国区)官方网站入口-Macau App Station 版权所有Copyright 2006-2024 All Rights Reserved <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank"> 苏ICP备16007882号</a><a href="http://www.itcast.cn/images/yyzz01.jpg" target="_blank">营业执照</a><a href="http://www.itcast.cn/images/zzdx01.jpg" target="_blank">增值电信业务经营许可证</a><a href="http://www.itcast.cn/images/cbwjy.jpg" target="_blank">出版物经营许可证</a><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32132202001156" rel="nofollow" target="_blank"><img src="https://www.itheima.com/images/baicon.png" style="display:inline;margin-bottom: -3px;width: 15px;" />苏公网安备 32132202001156号</a> </p> </div> <script src="/js/zhuge.js"></script><script> var _hmt = _hmt \|\| []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?0cb375a2e834821b74efffa6c71ee607"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script><!-- toutiao --><script> (function() { var el = document.createElement("script"); el.src = "https://sf1-scmcdn-tos.pstatp.com/goofy/ttzz/push.js?643ac03f8aa149b2ea832a12be2e5ac922da50b2e239d527fcf0f9f873b11f7aef69e80375f6dd78a759aa2e1883c8b5889190e1c0db3dfdab68595b8571d7d0"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window) </script> <!-- 底部版权区 --> </div> </div> <script type="text/javascript"> var subjectname = "web"; </script> <div class="newsindex_yd"> <div class="footer_box"> <p class="footlist"><a href="/">首页</a>\|<a href="/2018phone/phoneschool.html">校区分布</a>\|<a href="/2018phone/phoneteacher.html">师资力量</a>\|<a href="/2018phone/phonegywm.html">关于我们</a>\|<a href="/2018phone/phonebmlc.html">报名流程</a></p> <p class="footlist" id="footlist"><a href="/2018phone/phonecjwt.html">常见问题</a>\|<a class="footjszx phonejavaeezly" href="/news/javaee_1.shtml">技术资讯</a><!-- <a class="footjszx phonewebzly" href="/news/web_1.shtml">技术资讯</a> <a class="footjszx phonecloudzly" href="/news/cloud_1.shtml">技术资讯</a> <a class="footjszx phonepythonzly" href="/news/python_1.shtml">技术资讯</a> <a class="footjszx phoneaizly" href="/news/ai_1.shtml">技术资讯</a> <a class="footjszx phoneuizly" href="/news/ui_1.shtml">技术资讯</a> <a class="footjszx phonetestzly" href="/news/testtech_1.shtml">技术资讯</a> <a class="footjszx phonexmtzly" href="/news/netmarket_1.shtml">技术资讯</a> <a class="footjszx phonepmzly" href="/news/pm_1.shtml">技术资讯</a> <a class="footjszx phonelinuxzly" href="/news/linux_1.shtml">技术资讯</a> <a class="footjszx phoneczly" href="/news/c_1.shtml">技术资讯</a> <a class="footjszx phonemovieszly" href="/news/movies_1.shtml">技术资讯</a> <a class="footjszx phonerobotzly" href="/news/robot_1.shtml">技术资讯</a> <a class="footjszx phonephpzly" href="/news/php_1.shtml">技术资讯</a> --></p> <p>大阳城·(中国区)官方网站入口-Macau App Station版权所有<br /> Copyright 2006-2023, All Rights Reserved</p> </div> <div class="bdzx"><a class="itcast_click zx_btn" href="JavaScript:;">在线咨询</a> <a class="itcast_click tel_btn" href="JavaScript:;">我要报名</a></div> <script> if(subjectname == 'test'){ subjectcon = '/news/testtech_1.shtml' }else if(subjectname == 'Linux'){ subjectcon = '/news/linux_1.shtml' }else if(subjectname == 'qynews'){ subjectcon = '/newsvideo/newslist_1.shtml' }else{ subjectcon = '/news/'+subjectname+'_1.shtml' } document.getElementById("footlist").innerHTML = '<a href="/2018phone/phonecjwt.html">常见问题</a>\|<a class="footjszx phonejavaeezly" href="'+subjectcon+'">技术资讯</a>'; var arrfenxiao = ["BEIJING","TIANJIN","SHANGHAI","GUANGZHOU","SHENZHEN","WUHAN","ZHENGZHOU","XIAN","CHANGSHA","JINAN","CHONGQING","NANJING","HANGZHOU","SHIJIAZHUANG","CHENGDU","HEFEI","TAIYUAN","XIAMEN","SHENYANG"]; </script> </div> <!-- 底部 E --> </div> <link rel="stylesheet" href="/2018czgw/css/style.css"> <!-- 全局js --> <script src="/js/jquery-1.7.2.min.js"></script> <script src="/js/global.js"></script> <script type="text/javascript" src="/2018czgw/js/wow.min.js"></script> <script src="/2018czgw/js/jquery.SuperSlide.2.1.2.js"></script> <script src="/2018czgw/js/jquery.flipster.js"></script> <script type="text/javascript" src="/2018czgw/js/header.js"></script> <!-- ie7error提示 --> <style type="text/css"> #ie7-warning{background:rgb(255,255,225); position:absolute; top:0; left:0; font-size:12px; color:#333; width:100%; padding:5px 0; text-align:center; z-index:99999; } </style> <!--[if lte IE 7]> <div id="ie7-warning">您正在使用 Internet Explorer 7，在本页面的显示效果可能有差异。建议您升级到 <a href="http://www.microsoft.com/china/windows/internet-explorer/" target="_blank">Internet Explorer 8</a> 或以下浏览器： <a href="http://www.mozillaonline.com/">Firefox</a> / <a href="http://www.google.com/chrome/?hl=zh-CN">Chrome</a> / <a href="http://www.apple.com.cn/safari/">Safari</a> / <a href="http://www.operachina.com/">Opera</a> </div> <script type="text/javascript"> function position_fixed(el, eltop, elleft){ if(!window.XMLHttpRequest) window.onscroll = function(){ el.style.top = (document.documentElement.scrollTop + eltop)+"px"; el.style.left = (document.documentElement.scrollLeft + elleft)+"px"; } else el.style.position = "fixed"; } position_fixed(document.getElementById("ie7-warning"),0, 0); </script> <![endif]--> <!-- 十大学科咨询 --> <div class="newsindex_pc"><!-- 没有自动弹出 --> <!-- CSS --> <link rel="stylesheet" type="text/css" href="/css/zx.css?20221205"/> <link rel="stylesheet" href="/2018czgw/css/style.css"> <script src="/js/highlight.min.js"></script> <script>hljs.initHighlightingOnLoad();</script> <link rel="stylesheet" href="/2020gw/css/prism-Tomorrow Night.css"> <script src="/2020gw/js/prism.js"></script> <script> $(document).ready(function(){ var doc_pre = $(".sub_txt pre"); doc_pre.each(function(){ var class_val = $(this).attr('class'); var class_arr = new Array(); class_arr = class_val.split(';'); class_arr = class_arr['0'].split(':'); var lan_class = 'language-'+class_arr['1']; var pre_content = '<code class="'+lan_class+'">'+$(this).html()+'</code>'; $(this).attr("class",'line-numbers '+lan_class); $(this).html(pre_content); }); }); </script> <script> var nowwidth = document.documentElement.clientWidth; // if(nowwidth > 750){ // var oscript2 = document.createElement('script'); // oscript2.id = 'zhugeId'; // oscript2.src = '/js/zhuge.js'; // document.body.appendChild(oscript2); // }else{ // var oscript2 = document.createElement('script'); // oscript2.id = 'zhugeId'; // oscript2.src = '/js/zhuge.js'; // document.body.appendChild(oscript2); // } $.ajax({ url : "//baoming.itcast.cn/tools/getip", dataType : "json", success : function(res) { console.log(res.ip) var dataip = res.ip; if(dataip === ""){ $("#qxzxqm").attr("src",""); $("body").on("click",".itcast_click",function(){ alert("咨询已屏蔽"); }); }else{ // 在 H5 文件中 let UA = window.navigator.userAgent; var regex = /swan\//; if(!regex.test(UA)){ var oscript = document.createElement('script'); oscript.id = 'qxzxqm'; oscript.src = 'https://webchat.7moor.com/javascripts/7moorInit.js?accessId=b2f10070-624e-11e8-917f-9fb8db4dc43c&autoShow=false&language=ZHCN'; document.body.appendChild(oscript); }else{ $("body").on("click",".itcast_click",function(){ window.location.href = 'https://webchat03.7moor.com/wapchat.html?accessId=22bdcd10-6250-11e8-917f-9fb8db4dc43c&fromUrl=http://baiducz&urlTitle=%E7%99%BE%E5%BA%A6%E5%B0%8F%E7%A8%8B%E5%BA%8F'; }) } setTimeout(function(){ $(".qimo_zx").show(); },6000); $(".cxhdpic2,.cxhdpic1").hover(function(){ $(".cxhdpic1").show(); },function(){ $(".cxhdpic1").hide(); }); $("body").on("click",".itcast_click",function(){ if(nowwidth > 750){ qimosdk.hideChatBox(); setTimeout(function(){ qimoChatClick(); },200); zhuge.track('咨询点击'); }else{ qimoChatClick(); zhuge.track('咨询点击-移动端'); } }); setTimeout(function(){ var timer = null; var qimo_chatpup = document.getElementById('qimo_chatpup'); $("body").on("click",".itcast_click",function(){ qimosdk.hideChatBox(); qimo_chatpup.style.bottom = "-500px"; setTimeout(function(){ qimoChatClick(); var ind = -500; timer = setInterval(function(){ ind+=20; if(ind>-20){clearInterval(timer);} qimo_chatpup.style.bottom = ind+"px"; },1); },200); }); },1500); } }, }) </script> <style type="text/css"> .zx{right: 12px;} .zx .cxhdpic3{ position: absolute; right: -13px !important; top: -86px !important; z-index: 99999; width: 97px !important; display: none; } .zx img{ display: block; width:100%; } </style> <!-- 十大学科咨询--> <div class="zx zx2021"> <ul> <!-- <li class="li_zxtop"> <a href="javascript:;" class="itcast_click" rel="nofollow"> <span class="icon_s"> </span> <p id="loading">咨询</p> </a> </li> --> <li class="li_st"> <a href="javascript:;" class="itcast_click" rel="nofollow"> <span class="icon_s"> </span> <p>试听</p> </a> </li> <li class="li_zx"> <a href="javascript:;" class="itcast_click" rel="nofollow"> <span class="icon_s"> </span> <p>咨询</p> </a> </li> <li class="li_bm"> <a href="javascript:;" class="itcast_click"> <span class="icon_s"> </span> <p>报名</p> </a> </li> </ul> <div class="li_6" id="back"> <a href="javascript:void(0);"> <span class="icon_s"> </span> </a> </div> <!-- <a href="https://h5.itcast.cn/subject/yles21/index.html?czzxad" target="_blank" class="cxhdpic3"><img src="http://www.itcast.cn/1024img/zx2021pf.png" /></a> --> <!-- <a href="https://h5.itcast.cn/subject/yles22/index.html?czzxad" target="_blank" class="cxhdpic3"><img src="http://www.itcast.cn/1024img/zx2022pf.png" /></a> --> </div> <div class="qimo_zx itcast_click" style="width: 240px;height: 56px;background: #fff;border-radius: 2px;position: fixed;right: 12px;bottom: 12px;z-index: 1000000;cursor: pointer;box-shadow: 0 0 12px rgba(0,0,0,.06);border-radius: 4px;"> <div style="float: right; width: 58px;height: 56px;background: #0067e1 url('/images/indeximg3.png') no-repeat 16px 11px;border-radius: 0 4px 4px 0;"></div> <div style="float: right; width: 161px;height: 56px;background: url('/images/indeximg4.png') no-repeat 154px 24px;font-size: 15px;color: #241919;line-height: 56px;padding-left: 21px;">和我们在线交谈！</div> </div> <script src="/js/zx.js"></script> <script> var nowtime = new Date().getTime(); var dtstarttime = new Date("2022/10/20 09:00").getTime(); //if(nowtime>dtstarttime){ //$(".cxhdpic3").show(); //} var videoElem = $(".dictionary-wrap audio").get(0); var timers = null; var aind = 0; var aind1 = 0; $(".dictionary-wrap .op-sound").click(function(){ $(".dictionary-wrap .op-repeat").removeClass("op-repeat-running"); var that = $(this); var datasrc = $(this).attr("datasrc"); $(".dictionary-wrap audio").attr("src",datasrc); $(".dictionary-wrap source").attr("src",datasrc); videoElem && videoElem.play(); clearInterval(timers); }); $(".dictionary-wrap .op-repeat-left").click(function(){ var that = $(this); var datasrc = $(this).attr("datasrc"); $(".dictionary-wrap audio").attr("src",datasrc); $(".dictionary-wrap source").attr("src",datasrc); $(".dictionary-wrap .op-repeat-right").removeClass("op-repeat-running"); if(aind1 == 1){ that.removeClass("op-repeat-running"); clearInterval(timers); aind1 = 0; }else{ that.addClass("op-repeat-running"); timers = setInterval(function(){videoElem && videoElem.play();},2000); aind1 = 1; } }); $(".dictionary-wrap .op-repeat-right").click(function(){ var that = $(this); var datasrc = $(this).attr("datasrc"); $(".dictionary-wrap audio").attr("src",datasrc); $(".dictionary-wrap source").attr("src",datasrc); $(".dictionary-wrap .op-repeat-left").removeClass("op-repeat-running"); if(aind == 1){ that.removeClass("op-repeat-running"); clearInterval(timers); aind = 0; }else{ that.addClass("op-repeat-running"); timers = setInterval(function(){videoElem && videoElem.play();},2000); aind = 1; } }); var relevantlen = $(".reader_con .recon_relevant ul li").length; var newlen = $(".reader_con .recon_new ul li").length; if(relevantlen<6 \|\| newlen<6){ $(".reader_con").hide(); } </script> <script> var winW = $(window).width(); if(winW>750){ setTimeout(function(){ $(".newswrapper .sub_con .sub_lnew").css({"width":"850px","padding":"30px 30px"}); $(".newswrapper .sub_con .new_r").css({"height":"auto","padding":"20px 20px 5px"}); },500); } //setTimeout(function(){ // if(subjectname == "javaee" \|\| subjectname == "web" \|\| subjectname == "python" \|\| subjectname == "cloud"){ // for(var i=0;i<4;i++){ // $(".new_r .techcen_right .techcen_kb ul").eq(1).find("li").eq(i).find("span").eq(0).text("高手班"); // } // } //},500); var nowtime = new Date().getTime(); var month = new Date().getMonth()+1; var day = new Date().getDate(); var dtstarttime = new Date("2020/" + month + "/" + day + " " + " 13:30").getTime(); var endtime = new Date("2020/" + month + "/" + day + " " + " 22:00").getTime(); console.log(nowtime) // if(nowtime>endtime){ // $(".cxhdpic3").hide(); // }else if(nowtime>dtstarttime){ // $(".cxhdpic3").hide(); // }else{ // $(".cxhdpic3").hide(); // } locurl = location.search; if(locurl){ if (locurl.indexOf("?") != -1) { var one = locurl.lastIndexOf("?"); locurl = locurl.substring(one, locurl.length); var locurlsrc = locurl.substr(1); } var alen = $("a").length; for(i=0;i<alen;i++){ var aurl = $("a").eq(i).attr("href"); if(aurl == "javascript:;" \|\| aurl == "javascript:void(0);" \|\| aurl == "javascript:void(0)"){ $("a").eq(i).attr("href",aurl); }else{ if(aurl.indexOf("#") != -1){ var two = aurl.lastIndexOf("#"); aurlh = aurl.substring(two,aurl.length); aurl = aurl.substring(0,two); var zzUrl = (aurl && aurl.indexOf("?") != -1) ? (aurl+"$"+locurlsrc+aurlh) : (aurl+"?"+locurlsrc+aurlh); $("a").eq(i).attr("href",zzUrl); }else{ var zzUrl = (aurl.indexOf("?") != -1) ? (aurl+"$"+locurlsrc) : (aurl+"?"+locurlsrc); $("a").eq(i).attr("href",zzUrl); } } } } var art = $('.tutorial-detail'),tutorialp = $(".tutorial_list .tutorial_p"); var other_text = $(".tutorial_list .tutorial_p").text(); tutorialp.click(function(){ if (art.hasClass('article-hidden')) { art.removeClass('article-hidden'); tutorialp.text('点击收起'); dim.hide(); } else { art.addClass('article-hidden'); tutorialp.text(other_text); dim.show(); } }); var tutorial_text = $(".tutorial_video").text(); if(tutorial_text){ var tutorialvideo = $(".tutorial_video").offset().top; $(window).scroll(function(){ var tutorialTop = $(window).scrollTop(); if(tutorialTop > tutorialvideo){ $(".tutorial_video").addClass("cur"); }else{ $(".tutorial_video").removeClass("cur"); } }); } var winh = window.location.href; var datatext = ($("#count").text().split("-"))[0]; var datatextlen = (datatext.length)-8; datatext = datatext.slice(0,datatextlen); if(winh.indexOf("/20170328/1633511039.shtml") != -1){ var date = new Date(); var getFullYear = date.getFullYear(); //获取完整的年份(4位) var getMonth = ((date.getMonth() +1)<10)?"0"+(date.getMonth() +1):(date.getMonth() +1); var getDate = (date.getDate()<10)?"01":((date.getDate()<20)?10:20); // $(".sub_l .time").html('更新时间:'+getFullYear+'年'+getMonth+'月'+getDate+'日来源:大阳城app官网入口浏览次数:<span id="hit" style="display: inline-block;">'+(parseInt(datatext)+232042)+'</span>'); $(".sub_l .time").html('更新时间:'+getFullYear+'年'+getMonth+'月01日来源:大阳城app官网入口浏览次数:<span id="hit" style="display: inline-block;">'+(parseInt(datatext)+232042)+'</span>'); }else if(winh.indexOf("/20230227/11301860882.shtml") != -1){ var date = new Date(); var getFullYear = date.getFullYear(); //获取完整的年份(4位) var getMonth = ((date.getMonth() +1)<10)?"0"+(date.getMonth() +1):(date.getMonth() +1); // $(".sub_l .time").html('更新时间:'+getFullYear+'年'+getMonth+'月01日来源:大阳城app官网入口浏览次数:<span id="hit" style="display: inline-block;">'+datatext+'</span>'); $(".sub_l .time").html('更新时间:'+getFullYear+'年'+getMonth+'月01日来源:大阳城app官网入口浏览次数:<span id="hit" style="display: inline-block;">'+(parseInt(datatext)+232942)+'</span>'); }else if(winh.indexOf("/20180202/20153796600.shtml") != -1){ $(".sub_l .time").html('更新时间:2021年09月01日09时31分来源:大阳城app官网入口浏览次数:<span id="hit" style="display: inline-block;">'+datatext+'</span>'); }else if(winh.indexOf("/20210108/1129210493.shtml") != -1){ $(".sub_l .time").html('更新时间:2022年01月12日09时30分来源:大阳城app官网入口浏览次数:<span id="hit" style="display: inline-block;">'+datatext+'</span>'); }else if(winh.indexOf("/20211210/14094213934.shtml") != -1){ $(".sub_l .time").html('更新时间:2021年12月10日16时30分来源:大阳城app官网入口浏览次数:<span id="hit" style="display: inline-block;">'+datatext+'</span>'); }else if(winh.indexOf("/20221011/13562199740.shtml") != -1){ $(".sub_l .time").html('更新时间:2022年06月15日09时30分来源:大阳城app官网入口浏览次数:<span id="hit" style="display: inline-block;">'+datatext+'</span>'); }else if(winh.indexOf("/20221011/13590836989.shtml") != -1){ $(".sub_l .time").html('更新时间:2022年09月30日09时30分来源:大阳城app官网入口浏览次数:<span id="hit" style="display: inline-block;">'+datatext+'</span>'); }else if(winh.indexOf("/20221011/10081832325.shtml") != -1){ $(".sub_l .time").html('更新时间:2022年08月05日09时30分来源:大阳城app官网入口浏览次数:<span id="hit" style="display: inline-block;">'+datatext+'</span>'); } //var opendata = localStorage.getItem("opendata"); //if(opendata == "true"){ //}else if(opendata == "false"){ // localStorage.setItem("opendata","true"); // window.open("http://vr.sina.com.cn/news/hz/2020-09-21/doc-iivhuipp5581608.shtml"); //}else{ // localStorage.setItem("opendata","false"); // window.open("http://vr.sina.com.cn/news/hz/2020-09-21/doc-iivhuipp5581608.shtml"); //} </script> <script> //20190621 (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https'){ bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else{ bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script> $(".wzheader .wzimgleft").click(function(){ $(".wzleftlist").addClass("show"); $(".wzleftlist_bg").show(); }); $(".wzleftlist_bg").click(function(){ $(".wzleftlist").removeClass("show"); $(".wzrightlist").removeClass("show"); $(this).hide(); }); $(".wzheader .wzimgcity").click(function(){ $(".wzrightlist").show(); }); $(".wzrightlist .fxbox_bg").click(function(){ $(".wzrightlist").hide(); }); </script> <script> var dianzanind = $("#cur_dz_id").text(); $.ajax({ url : "//h5.itcast.cn/itcast/zan/id/"+dianzanind, success : function(result) { $(".bdsharebuttonbox .dianzan").text(result); } }); $(".bdsharebuttonbox .dianzan").one("click",function(){ $.ajax({ url : "//h5.itcast.cn/itcast/zan/id/"+dianzanind+"/type/add", success : function(result) { $(".bdsharebuttonbox .dianzan").text(result); $(".bdsharebuttonbox .dianzan").addClass("cur"); } }); }); </script></div> <script src="/js/jquery.SuperSlide.2.1.1.js"></script> <script src="/js/other.js"></script> <script src="/2018czgw/js/arrcourse.js"></script> <script src="/2018czgw/js/wzlistfn.js"></script> <script> var subjectarr = "web"; wzlistFn(subjectarr); </script> <center> <form data-evt="return baiduWithHttps(this)" action="http://www.baidu.com/baidu" target="_blank"> <input name="tn" type="hidden" value="SE_zzsearchcode_shhzc78w"> <a target="_blank" href="https://www.baidu.com/"><img width="100px" height="22px" src="https://www.baidu.com/img/baidu_jgylogo3.gif" alt="Baidu" align="bottom" border="0"></a> <input type="text" data-evt="checkHttps" name="word" size="20" value=""> <input type="submit" value="百度" height="26px"> </form> <form action="https://www.sogou.com/web" name="sf" id="sf" target="_blank"> <a target="_blank" href="https://www.baidu.com/"><img width="100px" height="22px" src="https://www.sogou.com/web/index/images/logo_440x140.v.4.png" alt="sogou" align="bottom" border="0"></a> <span class="sec-input-box yuyin-cur"> <input height="22px" type="text" class="sec-input" name="query" id="query" maxlength="100" len="80" autocomplete="off" value=""> </span> <span class="enter-input"><input type="submit" id="stb" value="搜狗" height="26px"></span> <input type="hidden" name="_asf" value="www.sogou.com"> <input type="hidden" name="_ast"> <input type="hidden" name="w" value="01019900"> <input type="hidden" name="p" value="40040100"> <input type="hidden" name="ie" value="utf8"> <input type="hidden" name="from" value="index-nologin"> <input type="hidden" name="s_from" value="index"> </form> <form id="so360form" target="_blank" action="https://www.so.com/"> <img width="100px" height="22px" src="http://p1.qhimg.com/d/_onebox/search.png"> <input height="22px" id="so360_keyword" type="text" name="q" autocomplete="off" value=""> <input id="so360_submit" type="submit" value="搜索" height="26px"> <input type="hidden" value="utf-8" name="ie"> <input type="hidden" value="zz" name="src"> <input type="hidden" value="so.com" name="site"> <input type="hidden" value="1" name="rg"> </form> </center></body> </html>

全国校区

热门课程

jquery事件绑定方法有哪些？

1. 通过事件方法绑定事件