You can separate multiple classes with the space:


    $(&quot;p&quot;).addClass(&quot;myClass yourClass&quot;);

[http://api.jquery.com/addClass/][1]


  [1]: http://api.jquery.com/addClass/

Add multiple classes:

    $(&quot;p&quot;).addClass(&quot;class1 class2 class3&quot;);

or in cascade:

    $(&quot;p&quot;).addClass(&quot;class1&quot;).addClass(&quot;class2&quot;).addClass(&quot;class3&quot;);


Very similar also to remove more classes:

    $(&quot;p&quot;).removeClass(&quot;class1 class2 class3&quot;);

or in cascade:

    $(&quot;p&quot;).removeClass(&quot;class1&quot;).removeClass(&quot;class2&quot;).removeClass(&quot;class3&quot;);



&gt;  **TL;DR**    
&gt; 
&gt;     $(&quot;p&quot;).removeClass(&#39;one four&#39;).addClass(&quot;three one&quot;);
&gt; 
&gt;     // FYI: Order of addClass &amp; removeClass can be changed too &amp; chaining is also possible, e.g
&gt;     $(&quot;p&quot;).addClass(&quot;three one&quot;).removeClass(&#39;one four&#39;).addClass(&#39;class1 class2 class3&#39;);`


    
***More Working examples &amp; details.***

&lt;!-- begin snippet: js hide: true console: true babel: false --&gt;

&lt;!-- language: lang-js --&gt;

    // handle button click &amp; add/remove classes
    $(&quot;#myBtn&quot;).click(function() {

      $(&quot;#myPara&quot;).addClass(&quot;three four&quot;).removeClass(&#39;two three&#39;);

      // again show the classes applied after we addede/remove multiple classes
      $(&quot;#container&quot;).text($(&quot;#myPara&quot;).attr(&quot;class&quot;));
    });

&lt;!-- language: lang-css --&gt;

    .one {
      color: red;
    }

    .two {
      text-decoration: underline;
    }

    .three {
      font-style: bold;
    }

    .four {
      font-style: italic;
    }

&lt;!-- language: lang-html --&gt;

    &lt;p id=&quot;myPara&quot; class=&quot;one two three&quot;&gt;hello world&lt;/p&gt;

    &lt;p&gt; Classes applied: &lt;b&gt;&lt;span id=&#39;container&#39;&gt;one two three&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;

    &lt;button id=&quot;myBtn&quot;&gt;Click Me&lt;/button&gt;


    &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js&quot;&gt;&lt;/script&gt;

&lt;!-- end snippet --&gt;



easiest way to append class name using javascript.
It can be useful when `.siblings()` are misbehaving.

    document.getElementById(&#39;myId&#39;).className += &#39; active&#39;;

use this
$(&quot;p&quot;).addClass(&quot;class1 class2 class3&quot;);

We recently had an issue with an Eclipse project for one of our team members. Tomcat was not deploying JARs of the application. 

We eventually noticed the `.classpath` Eclipse file was not the same as for the team members where the project was OK. We replaced the `.classpath` file with one from a project that was OK and the Tomcat deploy was complete.

Just out of curiosity and to know at what to look in the future if something is wrong, **what is  inside the `.classpath` and `.project` files. What can I add in there, what does it all mean?**

What&#39;s in an Eclipse .classpath/.project file?

I am getting that exception from this code:

    class Transaction:
        def __init__ (self):
            self.materials = {}
        
        def add_material (self, m):
            self.materials[m.type + m.purity] = m
        
        def serialize (self):
            ser_str = &#39;transaction_start\n&#39;
            
            for k, m in self.materials:
                ser_str += m.serialize ()
            
            sert += &#39;transaction_end\n&#39;
            return ser_str

The `for` line is the one throwing the exception. The `m`s are `Material` objects. Anybody have any ideas why?

Python ValueError: too many values to unpack

I&#39;m trying to add and remove multiple classes on a text field by clicking different radio buttons. I&#39;m not able to remove the unwanted classes while switching between different radio buttons.

My code for this is:

    // For 1st radio button
    if (actionUrl == &quot;search-client-by-id&quot;) {
    	$(&quot;#req&quot;).removeClass(&quot;validate[required,custom[onlyLetterNumber],maxSize[20],custom[onlyLetterSp]]&quot;)
    	         .addClass(&quot;validate[required,custom[onlyNumberSp]]&quot;);
    }
    // For 2nd radio button
    else if (actionUrl == &quot;search-client-by-name&quot;) {	
        $(&quot;#req&quot;).removeClass(&quot;validate[required,custom[onlyNumberSp]]&quot;)
                 .addClass(&quot;validate[required,custom[onlyLetterNumber],maxSize[20],custom[onlyLetterSp]]&quot;);
    }



Add and remove multiple classes in jQuery

I'm trying to add and remove multiple classes on a text field by clicking different radio buttons. I'm not able to remove the unwanted classes while switching between different radio buttons.
My code for this is:
<pre><code class="hljs language-ini">// For 1st radio button
if (actionUrl == "search-client-by-id") {
	$("#req").removeClass("validate[required,custom[onlyLetterNumber],maxSize[20],custom[onlyLetterSp]]")
	 .addClass("validate[required,custom[onlyNumberSp]]");
}
// For 2nd radio button
else if (actionUrl == "search-client-by-name") {	
 $("#req").removeClass("validate[required,custom[onlyNumberSp]]")
 .addClass("validate[required,custom[onlyLetterNumber],maxSize[20],custom[onlyLetterSp]]");
}
</code></pre>

&gt; **Possible Duplicate:**  
&gt; https://stackoverflow.com/questions/3138756/jquery-repeat-function-every-60-seconds 

&lt;!-- End of automatically inserted text --&gt;

I want to Call a Javascript function every 5 seconds continuously. 
I have seen the setTimeOut event. Will it be working fine if I want it continuously?

Call a Javascript function every 5 seconds continuously

I am implementing an application that uses websockets and a console accessed via Telnet. There is a communication between the connection established via websockets and the console. I am experiencing a weird issue:

 - If I send a string constant to an established socket when something is entered in the console it works ok.
 - If I send a string received from the console scope It seems to open a new socket (not sure) because in the debug log I see it and in the browser side (websockets) it alerts me of a new connection.
 - If I send a local string (instead of the one received from the other scope) it&#39;s sent correctly. (commented line: client.send(message) )

I share here the nodeJS code, take into account that this is now a test app so it&#39;s assumed only one socket and websockets connection:

	// Sample based on: http://elegantcode.com/2011/05/04/taking-baby-steps-with-node-js-websockets/
	// Changed for sockets.io 6.x =&gt; 7.x


	var events = require(&#39;events&#39;);
	var eventEmitter = new events.EventEmitter();

	var http = require(&#39;http&#39;);
	var socketIO = require(&#39;socket.io&#39;);
	var static = require(&#39;node-static&#39;);

	var port = 2000;

	var clientFiles = new static.Server(&#39;./client&#39;);

	var httpServer = http.createServer(
		function(request, response) {
			request.addListener(&#39;end&#39;, function() { 
				clientFiles.serve(request, response);
		   });
		})

	httpServer.listen(port);
	console.log(&quot;Server running at port: &quot; + port);

	var io = require(&#39;socket.io&#39;).listen(httpServer);

	var webSocket = io.sockets;

	webSocket.on(&#39;connection&#39;, function(client) {
		client.send(&#39;Please enter a user name ...&#39;);
		var userName;

		eventEmitter.on(&#39;someOccurence&#39;, function(message) {
			console.log(&quot;Received: &quot; + message);
			client.send(&#39;Line Received&#39;);
			var s = &#39;popo&#39;;
			client.send(s);
			//client.send(message);
		});


		client.on(&#39;message&#39;, function(message) {
			console.log(message);

			if(!userName) {
				userName = message;
				client.broadcast.send(message + &#39; has entered the zone.&#39;);
				return;
			}

			var broadcastMessage = userName + &#39;: &#39; + message;
			client.broadcast.send(broadcastMessage);
			client.send(&quot;Repeated here: &quot; + message);
		});

		client.on(&#39;disconnect&#39;, function() {
			var broadcastMessage = userName + &#39; has left the zone.&#39;;
			client.broadcast.send(broadcastMessage);
		});
	});


	var lines = require(&#39;lines-adapter&#39;);
	var net = require(&#39;net&#39;);

	var server = net.createServer(function (socket) {
		socket.write(&quot;Welcome to the Server\r\n&quot;);

		lines(socket, &#39;utf8&#39;)
		.on(&quot;data&quot;,
			function(line) {
				console.log(&quot;Line received: &quot; + line);
				eventEmitter.emit(&#39;someOccurence&#39;, line);
			}
		)
		.end(&quot;end&quot;,
			function() {
				console.log(&quot;End of Stream&quot;);
			}
		);
	});

	server.listen(1337, &quot;127.0.0.1&quot;);


---
**UPDATE:** I just tested with socket.io 0.8.6 and nodeJS 0.4.12 without this issue. I will keep this question here for future reference. 

Socket.IO issue with control chars

Is there a framework or post processor for JavaScript that supports lambda syntax like in C#?
 
Function definitions in CoffeeScript seem to look like lambdas but I have not looked into them thoroughly.

Can anyone tell me, *can I use lambda syntax in JavaScript?*

Is there a C#-like lambda syntax in JavaScript?

If I catch all touchend events from mobile devices with:

    $(document.body).bind(&#39;touchend&#39;, function (e) {
    var touch = e.touches[0]; // doesnt work
    ...

I need to get the touch.screenX, touch.screenY, touch.clientX and touch.clientX from the e paramter. All the examples I&#39;ve seen suggest that e.touches will be a collection, and you can get at the touch details with `e.touches[0]`. In my tests on an ipad, `e.touches` is always undefined. I&#39;m not using any jquery plugins.

Also tried e.targetTouches, which is also undefined.

Can anyone help?

touchend event properties

From post:

https://stackoverflow.com/questions/2494294/sending-a-json-array-to-be-received-as-a-dictionarystring-string/7196027#7196027

I’m trying to do this same thing as that post. The only issue is that I don’t know what the keys and the values are upfront. So I need to be able to dynamically add the key and value pairs and I don’t know how to do that.

Does anyone know how to create that object and add key value pairs dynamically?

I’ve tried:

    var vars = [{key:&quot;key&quot;, value:&quot;value&quot;}];
    vars[0].key = &quot;newkey&quot;;
    vars[0].value = &quot;newvalue&quot;;

But that doesn’t work.

How to create dictionary and add key–value pairs dynamically?

I thought about getting rid of all client-side Ajax calls (jQuery) and instead use a permanent socket connection (Socket.IO). 

Therefore I would use event listeners/emitters client-side and server-side.

Ex. a click event is triggered by user in the browser, client-side emitter pushes the event through socket connection to server. Server-side listener reacts on incoming event, and pushes &quot;done&quot; event back to client. Client&#39;s listener reacts on incoming event by fading in DIV element.

Does that make sense at all?
Pros &amp; cons?


nodejs: Ajax vs Socket.IO, pros and cons

I would like to know how to check if an array is empty or null in jQuery. I tried `array.length === 0` but it didn&#39;t work. It did not throw any error either.

This is the code:

	

    var album_text = new Array();
    
    $(&quot;input[name=&#39;album_text[]&#39;]&quot;).each(function(){
      if( $(this).val() &amp;&amp;  $(this).val() != &#39;&#39;) {
        album_text.push($(this).val());
      }
    });
    if (album_text.length === 0) {
      $(&#39;#error_message&#39;).html(&quot;Error&quot;);
    }
    
    else {
      // send data
    }



Check if array is empty or null

I am sending data from view to controller with AJAXand I got this error:
&gt;WARNING: Can&#39;t verify CSRF token authenticity

I think I have to send this token with data.

Does anyone know how can I do this ?


**Edit: My solution**

I did this by putting the following code inside the AJAX post:

    headers: {
      &#39;X-Transaction&#39;: &#39;POST Example&#39;,
      &#39;X-CSRF-Token&#39;: $(&#39;meta[name=&quot;csrf-token&quot;]&#39;).attr(&#39;content&#39;)
    },



WARNING: Can&#39;t verify CSRF token authenticity rails

Basic jQuery question:

I am trying to reveal a `div` that has been marked as hidden using jQuery. But am not quite getting it

I&#39;ve created a JSFiddle here: http://jsfiddle.net/VwjxJ/

Basically, I want to use `style=&quot;visibility: hidden;&quot;` rather than `style=&quot;display: none;&quot;` as I want the space of the hidden element to be maintained

Have tried using [`show()`][1], [`fadeIn()`][2] etc but neither work (they do for `style=&quot;display: none;&quot;`)

what am I doing wrong?


  [1]: http://api.jquery.com/show
  [2]: http://api.jquery.com/fadeIn

Content Type	Original Author	Original Content on Stackoverflow
Question	Raman	View Question on Stackoverflow
Solution 1 - Javascript	Headshota	View Answer on Stackoverflow
Solution 2 - Javascript	Prais	View Answer on Stackoverflow
Solution 3 - Javascript	Junaid	View Answer on Stackoverflow
Solution 4 - Javascript	argoden	View Answer on Stackoverflow
Solution 5 - Javascript	Dr Bali	View Answer on Stackoverflow

Add and remove multiple classes in jQuery

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Solution 3 - Javascript

Solution 4 - Javascript

Solution 5 - Javascript

Python ValueError: too many values to unpack

What's in an Eclipse .classpath/.project file?

Attributions