You can retrieve DOM elements using array notation:

    $(&quot;#element_id&quot;)[0]

or with `get()`:

    $(&quot;#element_id&quot;).get(0)



I have a `EditText` and button aligned to parent&#39;s bottom.

When I enter text in it and press the button to save data, the virtual keyboard does not disappear.

Can any one guide me how to hide the keyboard?

how to hide keyboard after typing in EditText in android?

We make a non-member function a friend of a class when we want it to access that class&#39;s private members. This gives it the same access rights as a static member function would have. Both alternatives would give you a function that is not associated with any instance of that class.

When must we use a friend function? When must we use a static function? If both are viable options to solve a problem, how do we weigh up their suitability? Is there one that should be preferred by default?

For example, when implementing a factory that creates instances of class `foo` which only has a private constructor, should that factory function be a static member of `foo` (you would call `foo::create()`) or should it be a friend function (you would call `create_foo()`)?

Where would you use a friend function vs. a static member function?

&gt; **Possible Duplicate:**  
&gt; [How to get a DOM Element from a JQuery Selector](https://stackoverflow.com/questions/1677880/how-to-get-a-dom-element-from-a-jquery-selector)  

&lt;!-- End of automatically inserted text --&gt;

I can select a node using jQuery with something like `$(&#39;#element_id&#39;)` but how would I get the DOM element for use with non-jQuery functions that expect something like would be returned by `document.getElementById()`?

jQuery get DOM node?

> Possible Duplicate: 
> <a href="https://stackoverflow.com/questions/1677880/how-to-get-a-dom-element-from-a-jquery-selector" target="_blank" rel="noopener noreferrer">How to get a DOM Element from a JQuery Selector</a>

I can select a node using jQuery with something like <code>$('#element_id')</code> but how would I get the DOM element for use with non-jQuery functions that expect something like would be returned by <code>document.getElementById()</code>?

Can I use the following jQuery code to perform file upload using POST method of an ajax request ?

    $.ajax({
        type: &quot;POST&quot;,
        timeout: 50000,
        url: url,
        data: dataString,
        success: function (data) {
            alert(&#39;success&#39;);
            return false;
        }
    });

If it is possible, do I need to fill `data` part? Is it the correct way? I only POST the file to the server side.

I have been googling around, but what I found was a plugin while in my plan I do not want to use it. At least for the moment.

jQuery Ajax File Upload

I need to disable a button once it&#39;s clicked so the user can&#39;t click it more than once. (My application is written in MVC ASP.NET, I&#39;ve done this in a normal ASP.NET application.)

I tried using JavaScript and jQuery and it&#39;s not working. The button is getting disabled but the form is not being submitted.

jQuery:

    $(&quot;#ClickMe&quot;).attr(&quot;disabled&quot;, &quot;disabled&quot;); 

JavaScript:

    function DisableNextButton(btnId) {
        document.getElementById(btnId).disabled = &#39;true&#39;;
    }

Both methods work great, but now the form won&#39;t submit.

Disabling the button after once click

I am using Google Maps API (v3) to draw a few maps on a page. One thing I&#39;d like to do is disable zooming when you scroll the mouse wheel over the map, but I&#39;m unsure how.

I have disabled the scaleControl (i.e. removed the scaling UI element), but this doesn&#39;t prevent scroll wheel scaling.

Here is part of my function (it&#39;s a simple jQuery plugin):

    $.fn.showMap = function(options, addr){
      options = $.extend({
        navigationControl: false,
        mapTypeControl: false,
        scaleControl: false,
        draggable: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      }, options);
      var map = new google.maps.Map(document.getElementById($(this).attr(&#39;id&#39;)), options);

      // Code cut from this example as not relevant
    };



How to disable mouse scroll wheel scaling with Google Maps API

I have a bunch of checkboxes like this. If the &quot;Check Me&quot; checkbox is checked, all the other 3 checkboxes should be enabled, else they should be disabled. How can I do this using jQuery?

    &lt;form name=&quot;frmChkForm&quot; id=&quot;frmChkForm&quot;&gt;
    &lt;input type=&quot;checkbox&quot; name=&quot;chkcc9&quot;&gt;Check Me
    &lt;input type=&quot;checkbox&quot; name=&quot;chk9[120]&quot;&gt;
    &lt;input type=&quot;checkbox&quot; name=&quot;chk9[140]&quot;&gt;
    &lt;input type=&quot;checkbox&quot; name=&quot;chk9[150]&quot;&gt;
    &lt;/form&gt;



jQuery - checkbox enable/disable

I want a jquery solution, I must be close, what needs to be done?


    $(&#39;html&#39;).bind(&#39;keypress&#39;, function(e)
    {
         if(e.keyCode == 13)
         {
             return e.keyCode = 9; //set event key to tab
         }
    });

I can return false and it prevents the enter key from being pressed, I thought I could just change the keyCode  to 9 to make it tab but it doesn&#39;t appear to work. I&#39;ve got to be close, what&#39;s going on?





jquery how to catch enter key and change event to tab

What is the easiest way to pretty print (a.k.a. formatted) a `org.w3c.dom.Document` to stdout?

What is the shortest way to pretty print a org.w3c.dom.Document to stdout?

    var a=$(&#39;#start &gt; div:last-child&#39;);
    var b=$(&#39;#start &gt; div.live&#39;)[0];
    alert(a==b)
    alert(a==$(b))

It&#39;s always false. How can you compare two elements in jQuery?

thanks

how to compare two elements in jquery

As any seasoned JavaScript developer knows, there are many (too many) ways to do the same thing.  For example, say you have a text field as follows:

   

    &lt;form name=&quot;myForm&quot;&gt;  
        &lt;input type=&quot;text&quot; name=&quot;foo&quot; id=&quot;foo&quot; /&gt;

There are many way to access this in JavaScript:

    [1]  document.forms[0].elements[0];
    [2]  document.myForm.foo;
    [3]  document.getElementById(&#39;foo&#39;);
    [4]  document.getElementById(&#39;myForm&#39;).foo;
         ... and so on ...


Methods [1] and [3] are well documented in the Mozilla Gecko documentation, but neither are ideal. [1] is just too general to be useful and [3] requires both an id and a name (assuming you will be posting the data to a server side language). Ideally, it would be best to have only an id attribute or a name attribute (having both is *somewhat* redundant, especially if the id isn&#39;t necessary for any css, and increases the likelihood of typos, etc).

[2] seems to be the most intuitive and it seems to be widely used, but I haven&#39;t seen it referenced in the Gecko documentation and I&#39;m worried about both forwards compatibility and cross browser compatiblity (and of course I want to be as standards compliant as possible).

So what&#39;s best practice here?  Can anyone point to something in the DOM documentation or W3C specification that could resolve this?

Note I am specifically interested in a non-library solution (jQuery/Prototype).

Best Practice: Access form elements by HTML id or name attribute?

I need an efficient mechanism for detecting changes to the DOM. Preferably cross-browser, but if there&#39;s any efficient means which are *not* cross browser, I can implement these with a fail-safe cross browser method.

In particular, I need to detect changes that would affect the text on a page, so any new, removed or modified elements, or changes to inner text (innerHTML) would be required.

I don&#39;t have control over the changes being made (they could be due to 3rd party javascript includes, etc), so it can&#39;t be approached from this angle - I need to &quot;monitor&quot; for changes somehow.

Currently I&#39;ve implemented a &quot;quick&#39;n&#39;dirty&quot; method which checks `body.innerHTML.length` at intervals. This won&#39;t of course detect changes which result in the same length being returned, but in this case is &quot;good enough&quot; - the chances of this happening are extremely slim, and in this project, failing to detect a change won&#39;t result in lost data.

The problem with `body.innerHTML.length` is that it&#39;s expensive. It can take between 1 and 5 milliseconds on a *fast* browser, and this can bog things down a lot - I&#39;m also dealing with a large-ish number of iframes and it all adds up. I&#39;m pretty sure the expensiveness of doing this is because the innerHTML text is not stored statically by browsers, and needs to be calculated from the DOM every time it is read.

The types of answers I am looking for are anything from the &quot;precise&quot; (for example event) to the &quot;good enough&quot; - perhaps something as &quot;quick&#39;n&#39;dirty&quot; as the innerHTML.length method, but that executes faster.

EDIT:
I should also point out that whilst it would be &quot;nice&quot; to detect the precise element that has been modified, it is not an absolute necessity - just the fact that there has been *any* change would be good enough. Hopefully this broadens people&#39;s responses. I&#39;m going to investigate Mutation Events, but I still need a fallback for IE support, so any whacky, creative, outside-of-the-square ideas would be very welcome.

Most efficient method of detecting/monitoring DOM changes?

I have an html table with many rows.  I&#39;m currently grouping several rows inside a div (I know this is ugly) and then show or hide the divs to show or hide the rows inside it.  Is there a standard way to do this. Something like rowgroup or multiple tbody instead of this ugly div grouping?

Content Type	Original Author	Original Content on Stackoverflow
Question	mpen	View Question on Stackoverflow
Solution 1 - Jquery	cletus	View Answer on Stackoverflow

jQuery get DOM node?

Jquery Problem Overview

Jquery Solutions

Solution 1 - Jquery

Where would you use a friend function vs. a static member function?

how to hide keyboard after typing in EditText in android?

Attributions