It uses `display`.

Edit: And from John Sheehan&#39;s comment on this answer, which I agree with:

&gt; You should go view the unpacked source anyway just to familiarize yourself with it

Edit 2: Comments have mentioned using Firebug to discover what is happening. Indeed, I actually went to the jQuery docs and used the Safari Web Inspector to see what happened on the `hide()` demo to be sure of my answer.

It uses display, and for this type of thing you can use Firebug to actually examine what happens to the DOM. 

Is there a way to exclude say, image types in Aptana or Eclipse file search? I want to search all files that are not images rather than specifying all the file types that I want to search in.

Excluding file types in Eclipse / Aptana find in files search

We&#39;re all familiar with the horror that is C# event declaration.  To ensure thread-safety, [the standard is to write something like this][1]:

    public event EventHandler SomethingHappened;
    protected virtual void OnSomethingHappened(EventArgs e)
    {            
        var handler = SomethingHappened;
        if (handler != null)
            handler(this, e);
    }

Recently in some other question on this board (which I can&#39;t find now), someone pointed out that extension methods could be used nicely in this scenario.  Here&#39;s one way to do it:

    static public class EventExtensions
    {
        static public void RaiseEvent(this EventHandler @event, object sender, EventArgs e)
        {
            var handler = @event;
            if (handler != null)
                handler(sender, e);
        }
        static public void RaiseEvent&lt;T&gt;(this EventHandler&lt;T&gt; @event, object sender, T e)
            where T : EventArgs
        {
            var handler = @event;
            if (handler != null)
                handler(sender, e);
        }
    }

With these extension methods in place, all you need to declare and raise an event is something like this:

    public event EventHandler SomethingHappened;

    void SomeMethod()
    {
        this.SomethingHappened.RaiseEvent(this, EventArgs.Empty);
    }

My question: Is this a good idea?  Are we missing anything by not having the standard On method?  (One thing I notice is that it doesn&#39;t work with events that have explicit add/remove code.)

  [1]: http://blogs.msdn.com/brada/archive/2005/01/14/353132.aspx

Raising C# events with an extension method - is it bad?

Do they set `display: none` or `visibility: hidden`?

I&#39;m pretty sure `display: none` takes the element out of the normal flow, whilst `visibility: hidden` just hides the element but still has a reserved space for it.

Should I just go download the unpacked version and study it or does someone have a quick answer?

How does jQuery implement hide() and show()

Do they set <code>display: none</code> or <code>visibility: hidden</code>?
I'm pretty sure <code>display: none</code> takes the element out of the normal flow, whilst <code>visibility: hidden</code> just hides the element but still has a reserved space for it.
Should I just go download the unpacked version and study it or does someone have a quick answer?

How do you create a simple, custom rule using the jQuery Validate plugin (using [`addMethod`][1]) that doesn&#39;t use a regex?

For example, what function would create a rule that validates only if at least one of a group of checkboxes is checked?


  [1]: http://jqueryvalidation.org/jQuery.validator.addMethod

jQuery Validate Plugin - How to create a simple custom rule?

Is it possible to disable the browsers vertical and horizontal scrollbars using jQuery or javascript?

Disable browsers vertical and horizontal scrollbars

I have a structure like this:

    &lt;ul&gt;
      &lt;li&gt;text1&lt;/li&gt;
      &lt;li&gt;text2&lt;/li&gt;
      &lt;li&gt;text3&lt;/li&gt;
    &lt;/ul&gt;

How do I use javascript or jQuery to get the text as an array?

    [&#39;text1&#39;, &#39;text2&#39;, &#39;text3&#39;]

My plan after this is to assemble it into a string, probably using `.join(&#39;, &#39;)`, and get it in a format like this:

    &#39;&quot;text1&quot;, &quot;text2&quot;, &quot;text3&quot;&#39;


Get an array of list element contents in jQuery

As JavaScript frameworks like jQuery make client side web applications richer and more functional, I&#39;ve started to notice one problem...

**How in the world do you keep this organized?**

- Put all your handlers in one spot and write functions for all the events?
- Create function/classes to wrap all your functionality?
- Write like crazy and just hope it works out for the best?
- Give up and get a new career?

I mention jQuery, but it&#39;s really any JavaScript code in general. I&#39;m finding that as lines upon lines begin to pile up, it gets harder to manage the script files or find what you are looking for. Quite possibly the biggest propblems I&#39;ve found is there are so many ways to do the same thing, it&#39;s hard to know which one is the current commonly accepted best practice.

Are there any general recommendations on the best way to keep your **.js** files as nice and neat as the rest of your application? Or is this just a matter of IDE? Is there a better option out there?

---
**EDIT**

This question was intended to be more about code organization and not file organization. There has been some really good examples of merging files or splitting content around.

My question is: what is the current commonly accepted best practice way to organize your actual code? What is your way, or even a recommended way to interact with page elements and create reuseable code that doesn&#39;t conflict with each other?

Some people have listed **namespaces** which is a good idea. What are some other ways, more specifically dealing with elements on the page and keeping the code organized and neat?

Commonly accepted best practices around code organization in JavaScript

I&#39;m having difficulty parsing some JSON data returned from my server using jQuery.ajax()

To perform the AJAX I&#39;m using:

    $.ajax({
      url: myUrl,
      cache: false,
      dataType: &quot;json&quot;,
      success: function(data){
        ...
      },
      error: function(e, xhr){
        ...
      }
    });  

And if I return an array of items then it works fine:

    [ { title: &quot;One&quot;, key: &quot;1&quot; }, { title: &quot;Two&quot;, key: &quot;2&quot; } ]

The success function is called and receives the correct object.

However, when I&#39;m trying to return a single object:

    { title: &quot;One&quot;, key: &quot;1&quot; } 

The error function is called and xhr contains &#39;parsererror&#39;.  I&#39;ve tried wrapping the JSON in parenthesis on the server before sending it down the wire, but it makes no difference.  Yet if I paste the content into a string in Javascript and then use the eval() function, it evaluates it perfectly.

Any ideas what I&#39;m doing wrong?

Anthony

jQuery won&#39;t parse my JSON from AJAX query

`pre` tags are super-useful for code blocks in HTML and for debugging output while writing scripts, but how do I make the text word-wrap instead of printing out one long line?

Center Align on a Absolutely Positioned Div

I am making a site that publishes articles in issues each month. It is straightforward, and I think using a Markdown editor (like the [WMD][1] one here in Stack&amp;nbsp;Overflow) would be perfect.

However, **they do need the ability to have images right-aligned in a given paragraph**.

I can&#39;t see a way to do that with the current system - is it possible?

  [1]: http://code.google.com/p/wmd/


Markdown and image alignment

Within an unordered list:

    &lt;li&gt;&lt;span&gt;&lt;/span&gt; The lazy dog.&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;AND&lt;/span&gt; The lazy cat.&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;OR&lt;/span&gt; The active goldfish.&lt;/li&gt;

Adding a class or style attribute is permitted but padding the text and adding or changing tags is not allowed.

The page is rendering with Courier New.

Goal is to have text after span lined up.

        The lazy dog.
    AND The lazy cat.
    OR  The active goldfish.

Justification of the &quot;OR&quot; is unimportant.

The lazy animal text may be wrapped in an additional element but I&#39;ll have to double check.

CSS fixed width in a span

I have a div container and have defined its style as follows:

    div#tbl-container 
    {
        width: 600px;   
        overflow: auto;    
        scrollbar-base-color:#ffeaff
    }
This gives me both horizontal and vertical scroll bars automatically once I populate my table which is contained by this div.
I just want only horizontal scroll bars to appear automatically. I will modify the height of the table programmatically.

How do I do this?

Content Type	Original Author	Original Content on Stackoverflow
Question	alex	View Question on Stackoverflow
Solution 1 - Jquery	eyelidlessness	View Answer on Stackoverflow
Solution 2 - Jquery	Parand	View Answer on Stackoverflow

How does jQuery implement hide() and show()

Jquery Problem Overview

Jquery Solutions

Solution 1 - Jquery

Solution 2 - Jquery

Raising C# events with an extension method - is it bad?

Excluding file types in Eclipse / Aptana find in files search

Attributions