js onclick toggle class

* Curriculum review:* CSS* Introduction to CSS* Cascading Style sheets.* CSS and HTML combination (4 kinds)* HTML Tag provides property style= "CSS Code"* HTML provides tags * Introduction of external documents@import URL ("Address of the CSS file"); write in the middle of the * Via HTML tags * Priority: From top to bottom in general, from outside to inside, priority from low to high.Special Case Tag Selector * CSS Selector* Basic Selector* Tag name Selector* Div{css}*

Presumably do mobile front-end students will often receive such a demand, that is, on the Mobile Device page banner map can touch the left and right or up and down the sliding switch, this mobile device is a very common effect, its user experience far more than click a button area, Touch through the fingers is also a feature of mobile devices, we must specialize in processing, haha. In fact, the implementation of the principle is very simple, but the normal development of their own is not very c

Presumably do mobile front-end students will often receive such a demand, that is, on the Mobile Device page banner map can touch the left and right or up and down the sliding switch, this mobile device is a very common effect, its user experience far more than click a button area, Touch through the fingers is also a feature of mobile devices, we must specialize in processing, haha. In fact, the implementation of the principle is very simple, but the normal development of their own is not very c

name at a time and cannot cascade operations, while the similar operation under jquery is capable of manipulating multiple class names.So expand it://AddClassdomtokenlist.prototype.addclass=function(str) {Tts.split ("). ForEach (function(c) { This. Add (c); }.bind ( This)); return This;}//Removeclassdomtokenlist.prototype.removeclass=function(str) {Tts.split ("). ForEach (function(t) { This. Remove (t); }.bind ( This)); return This;}//Removeclassdo

The JS class is automatically completed, and the user experience is better. Encapsulated into a class for ease of use. Site 1. encapsulated JS files //************************************** ****************** // Creation date: // OPERATOR: oloen // Content Description: Automatically complete the

The JS class is automatically completed, and the user experience is better. Encapsulated into a class for ease of use. Site 1. encapsulated JS files //************************************** ****************** // Creation date: // OPERATOR: oloen // Content Description: Automatically complete the

reference the Zepto class library )Other events I will not introduce, JQ we have already learned that we use Zepto to provide the touch event, do some mobile Web page commonly used effect;4.zepto.js using Touch Event development examplesExample 1: tab Toggle with sliding eventsWe learned that the frontal tab toggle, which is in the click Options content is, togg

This. ClassName = Arr.join ("); }) } });The second method ofYY.fn.extend ({removeclass:function(cName) {//The className attribute of each DOM object in this is deleted by the CName in the return This. each (function(){ //get the ClassName of a DOM object varClassName = "+ This. classname+ '; //replace it directly with an empty This. ClassName = Yy.t

JavaScript object-oriented is totally accidental, because most of the time I work in a non-graphic environment, sometimes when I write JavaScript and ajax, even when I get involved in the work of the web Client, the most important thing is writing a function. I have never considered using the advanced JavaScript object-oriented skills. One day, I began to piece together DOM labels in js, and I had to keep piecing together. I found that my code had bec

)) return false;if (!document.getelementsbytagname) return false;var Menuid=document.getelementbyid (menuId);var links=menuid.getelementsbytagname ("a");for (var i=0; ivar menulink=links[i].href;var currentlink=window.location.href;if (Currentlink.indexof (menulink)!=-1) {Links[i].classname=classcur;}}}Parameter description:1.menuId: The ID of the link group;2.Classcur: The style class name when highlighting.Call Method:Window.onload=function Highthis

1,function Ntabs (thisobj,num){if (Thisobj.classname = = "active") return;var tabobj = thisObj.parentNode.id;var tabList = document.getElementById (tabobj). getElementsByTagName ("Li");for (i=0; I {if (i = = Num){thisobj.classname = "active";document.getElementById (tabobj+ "_cont" +i). Style.display = "block";}else{Tablist[i].classname = "normal";document.getElementById (tabobj+ "_cont" +i). Style.display = "None";}}}2,$ (document). Ready (function () {var $tab _li = $ ('. tab ul Li ');$tab _li

Determine if there is a class, and if so, delete it, without addingstyle>#div1{width:100px;Height:100px;position:Absolute;}. Div1{background:Red;}. Div2{background:Yellow;}style> DivID= "Div1"class= "Div2 div1 div3 div2">Div> Script> varODiv1=document.getElementById ("Div1"); Odiv1.onclick= function() {hasclass ( This,"Div2") } functionHasclass (ob

1.2."en">"UTF-8"> "Pic1" class="Box"> ""/> "Pic2" class="Box"> ""/> /*Reuse Code: 1, as far as possible to ensure the structure of the HTML code consistent, can be selected by the parent sub-element 2, the core main program implementation, with the function of 3, each group of different values to find out, through the implementation of 4. The formal parameter name of the common method should not be used wit

Issue: To add the same style button after the previous button, through $ ("#cj"). html (str); This form is added, but cannot be added to the styleDivID= "BTN"class= "BTN"> spanID= "Xiugai">aID= "Btnedit"href= "javascript:void (0);"class= "Easyui-linkbutton"style= "padding:0 30px;text-align:center "onclick= "Btnedit ()">Modifya>span> spanID= "CJ">spa

Zoom Slider29EnablepanAllow the mouse to drag the map30AddlayelsAdd a layer4. Event:Onextentchange Map extent Change EventOnbasemapchange The map's basemap has changedonLoad Occurs when the first layer or basemap is added to the map OnClick Occurs when a click occurs on the mapOnlayeradd Occurs when a layer is addedOnlayersaddresult Occu