You&#39;re confusing the [multiple selector][1] with the [multiple attribute selector][2]. You should write:

    $(&quot;input:not([type=radio], [type=checkbox])&quot;);

The multiple attribute selector `[type=radio][type=checkbox]` matches the elements whose `type` attributes are equal to *both* `radio` *and* `checkbox`, which cannot happen in this universe.

  [1]: http://api.jquery.com/multiple-selector/
  [2]: http://api.jquery.com/multiple-attribute-selector/

The syntax inside the `not()` is identical to the normal selector syntax, so if you want to match things that are not either of those things, you use a selector in the not that would match both (since essentially you&#39;re negating the selector). How do you do that? The same way you apply styles to multiple selectors at once in CSS, with a comma, as so:

    $(&#39;input:not([type=radio],[type=checkbox])&#39;)

That should select all inputs the not `[type=radio]` and not `[type=checkbox]`


You can also exclude items like this:

    $(&#39;input&#39;).not(&#39;[type=radio], [type=checkbox]&#39;).live(&#39;click&#39;, function() {
        alert(&quot;You haven&#39;t clicked a radio or checkbox!&quot;);
    });



Any help on re-ordering the columns in MySQL using phpMyAdmin? Is it called cardinality? I have created tables, but need to re-arrange the order of the columns due to an export script i have. It exports based on the arrangements. E.g. I want columns:

    Apple | Cherry | Banana

changed to:

    Apple | Banana | Cherry

MySQL re-arranging order of columns with phpmyadmin

Let&#39;s assume we have the next JSON string:

    {  
       &quot;name&quot; : &quot;John&quot;,
       &quot;age&quot; : &quot;20&quot;,
       &quot;address&quot; : &quot;some address&quot;,
       &quot;someobject&quot; : {
           &quot;field&quot; : &quot;value&quot;    
       }
    }

What is the easiest (but still correct, i.e. regular expressions are not acceptable) way to find field `age` and its value (or determine that there&#39;s no field with given name)? 

p.s. any open-source libs are ok.

p.s.2: please, don&#39;t post links to the libraries - it&#39;s not a useful answer. &#39;Show me the code&#39;(c).

How to find specified name and its value in JSON-string from Java?

I cant seem to get the following working:

    $(&#39;input:not([type=radio][type=checkbox])&#39;).live(&#39;click&#39;, function() {
    	alert(&quot;You haven&#39;t clicked a radio or checkbox!&quot;);
    });

Have tried a few different syntax&#39;s, can anyone help me out on this one.

Cheers  
Charlie

jQuery - Multiple Selectors in a :not()?

I cant seem to get the following working:
<pre><code class="hljs language-javascript">$('input:not([type=radio][type=checkbox])').live('click', function() {
	alert("You haven't clicked a radio or checkbox!");
});
</code></pre>
Have tried a few different syntax's, can anyone help me out on this one.
Cheers 
Charlie

With the introduction of the prop method, now I need to know the accepted way of unchecking a checkbox.  Is it:

    $(&#39;input&#39;).filter(&#39;:checkbox&#39;).removeAttr(&#39;checked&#39;);

or

    $(&#39;input&#39;).filter(&#39;:checkbox&#39;).prop(&#39;checked&#39;,false);




.prop(&#39;checked&#39;,false) or .removeAttr(&#39;checked&#39;)?

I have an iframe for a cross-domain site.  I want to read the DOM of the iframe, which I believed was possible because using the inspector, I can even modify the DOM of an iframe.  Every way I attempt to read it, however, I run into the same origin policy.  All I want, is the content loaded in my local DOM, from the iframe.  I thought it would be as simple as `$(document.body).find(&#39;iframe&#39;).html()`, but that&#39;s returning the empty string.

I really hope there&#39;s a way to do this since the work I&#39;ve been doing for the last several days has been predicated on this being do-able.

Thanks

Get DOM content of cross-domain iframe

I have implemented an Ajax request on my website, and I am calling the endpoint from a webpage. It always returns **200 OK**, but **jQuery** executes the error event.   
I tried a lot of things, but I could not figure out the problem. I am adding my code below:

###jQuery Code

    var row = &quot;1&quot;;
    var json = &quot;{&#39;TwitterId&#39;:&#39;&quot; + row + &quot;&#39;}&quot;;
    $.ajax({
        type: &#39;POST&#39;,
        url: &#39;Jqueryoperation.aspx?Operation=DeleteRow&#39;,
        contentType: &#39;application/json; charset=utf-8&#39;,
        data: json,
        dataType: &#39;json&#39;,
        cache: false,
        success: AjaxSucceeded,
        error: AjaxFailed
    });
    function AjaxSucceeded(result) {
        alert(&quot;hello&quot;);
        alert(result.d);
    }
    function AjaxFailed(result) {
        alert(&quot;hello1&quot;);
        alert(result.status + &#39; &#39; + result.statusText);
    }

###C# code for `JqueryOpeartion.aspx`

    protected void Page_Load(object sender, EventArgs e) {
        test();
    }
    private void test() {
        Response.Write(&quot;&lt;script language=&#39;javascript&#39;&gt;alert(&#39;Record Deleted&#39;);&lt;/script&gt;&quot;);
    }

I need the `(&quot;Record deleted&quot;)` string after successful deletion. I am able to delete the content, but I am not getting this message. Is this correct or am I doing anything wrong? What is the correct way to solve this issue?


Ajax request returns 200 OK, but an error event is fired instead of success

I&#39;m looking for a DOM event that I can listen to with JavaScript for when a select element that has been opened (but no options changed) is then closed by clicking off the select element, somewhere (anywhere) else on the page.

It&#39;s not the `blur` event of the select, because the select retains focus. Likewise, it&#39;s not the `focus` event of some other element or the document, or a `mousedown` or `click` on the window, document or body.

It&#39;s not the `change` event of the select, since no option within the select has been changed.

I&#39;m not concerned about legacy Internet Explorers - just something to work in standards compliant modern browsers. Proprietary hacks could be worth knowing though.

I&#39;ve created a JSFiddle to demonstrate the problem: http://jsfiddle.net/premasagar/FpfnM/

1. Click on the selectbox in the &quot;Result&quot; panel
2. Click on the text marked &quot;HERE&quot; (or anywhere else) with a single click and see if any event is added to the log. There isn&#39;t an event in the latest Chrome or Firefox.

So the question is: **What JavaScript could be added, to get an event logged when clicking off the selectbox?**

(I&#39;ve asked a similar, but different question here:  
https://stackoverflow.com/questions/6097240/javascript-on-ios-opening-an-html-select-element)

Is there a DOM event that fires when an HTML select element is closed?

    &lt;script&gt;
        $(document).ready(function() {
            var data = { &quot;programs&quot;: [ { &quot;name&quot;:&quot;zonealarm&quot;, &quot;price&quot;:&quot;500&quot; }, { &quot;name&quot;:&quot;kaspersky&quot;, &quot;price&quot;:&quot;200&quot; } ] };
            $.each(data.programs[0], function(key,val) {
                alert(key+val);
            });
        });
    &lt;/script&gt;

This code retrieves the first data. `name:zonealarm` and `price:500`. 

**How can I retrieve all the data in the object?**

I tried `$.each(data.programs, function(key,val)` but it didn&#39;t work. 

Should I put it in a loop?

jquery $.each() for objects

Which is better to use as a performance perspective:

    $(&quot;.div1 h2, .div1 h3&quot;)

or

    $(&quot;.div1&quot;).find(&quot;h2, h3&quot;)

jQuery single selector vs .find()

Is it possible to combine both a class selector *and* an attribute selector with jQuery?

For example, given the following HTML:

&lt;!-- language: lang-html --&gt;

    &lt;TABLE&gt;
      &lt;TR class=&quot;myclass&quot; reference=&quot;12345&quot;&gt;&lt;TD&gt;Row 1&lt;/TD&gt;&lt;/TR&gt;
      &lt;TR class=&quot;otherclass&quot; reference=&quot;12345&quot;&gt;&lt;TD&gt;Row 2&lt;/TD&gt;&lt;/TR&gt;
      &lt;TR class=&quot;myclass&quot; reference=&quot;12345&quot;&gt;&lt;TD&gt;Row 3&lt;/TD&gt;&lt;/TR&gt;
      &lt;TR class=&quot;myclass&quot; reference=&quot;54321&quot;&gt;&lt;TD&gt;Row 4&lt;/TD&gt;&lt;/TR&gt;
    &lt;/TABLE&gt;

What would be the selector I can use to select rows 1 and 3 only?

I have tried:

&lt;!-- language: lang-js --&gt;

    $(&quot;.myclass [reference=12345]&quot;) // returns nothing

    $(&quot;.myclass, [reference=12345]&quot;) // returns all 4 rows (yes, I know the comma means &#39;or&#39;)

I&#39;m sure the answer is very simple and I have tried searching the jQuery forums and documentation but I can&#39;t seem to figure this one out. Can anyone help?

Combining a class selector and an attribute selector with jQuery

Is there something in jquery that would allow me to differentiate between behavior on double click and single click?

When I bind both to same element only the single click gets executed.

Is there a way that wait for some time before execution of the single click to see if the user clicks again or not?

Thanks :)

Jquery bind double click and single click separately

I have a bit of an issue with a function running in chrome that works properly in Safari, both webkit browsers...

I need to customize a variable in a function for Chrome, but not for Safari.

Sadly, I have been using this to detect if it is a webkit browser:

    if ($.browser.webkit) {

But I need to detect:

    if ($.browser.chrome) {

Is there any way to write a similar statement (a working version of the one above)?

How to detect if a browser is Chrome using jQuery?

I have a select box with some values. How do I get the selected options text, not the value?

    &lt;select name=&quot;options[2]&quot; id=&quot;select_2&quot;&gt;
        &lt;option value=&quot;&quot;&gt;-- Please Select --&lt;/option&gt;
        &lt;option value=&quot;6&quot; price=&quot;0&quot;&gt;100&lt;/option&gt;
        &lt;option value=&quot;7&quot; price=&quot;0&quot;&gt;125&lt;/option&gt;
        &lt;option value=&quot;8&quot; price=&quot;0&quot;&gt;150&lt;/option&gt;
        &lt;option value=&quot;9&quot; price=&quot;0&quot;&gt;175&lt;/option&gt;
        &lt;option value=&quot;10&quot; price=&quot;0&quot;&gt;200&lt;/option&gt;
        &lt;option value=&quot;3&quot; price=&quot;0&quot;&gt;25&lt;/option&gt;
        &lt;option value=&quot;4&quot; price=&quot;0&quot;&gt;50&lt;/option&gt;
        &lt;option value=&quot;5&quot; price=&quot;0&quot;&gt;75&lt;/option&gt;
    &lt;/select&gt;

I tried this:

    $j(document).ready(function(){
		$j(&quot;select#select_2&quot;).change(function(){
			val = $j(&quot;select#select_2:selected&quot;).text();
			alert(val);
		});
    });

But it&#39;s coming back with `undefined`.

Content Type	Original Author	Original Content on Stackoverflow
Question	Charlie Sheather	View Question on Stackoverflow
Solution 1 - Jquery	Frédéric Hamidi	View Answer on Stackoverflow
Solution 2 - Jquery	darkliquid	View Answer on Stackoverflow
Solution 3 - Jquery	Junaid Anwar	View Answer on Stackoverflow

jQuery - Multiple Selectors in a :not()?

Jquery Problem Overview

Jquery Solutions

Solution 1 - Jquery

Solution 2 - Jquery

Solution 3 - Jquery

How to find specified name and its value in JSON-string from Java?

MySQL re-arranging order of columns with phpmyadmin

Attributions