Using jQuery from Angular2 is a breeze compared to ng1. If you are using TypeScript you could first reference jQuery typescript definition. tsd install jquery –save or typings install dt~jquery –global –save TypescriptDefinitions are not required since you could just use any as the type for $ or jQuery In your angular component you should … Read more
Because the change event requires an actual browser event initiated by the user instead of via javascript code. Do this instead: $(“#single”).val(“Single2”).trigger(‘change’); or $(“#single”).val(“Single2”).change();
The removeClass function takes a function argument since jQuery 1.4. $(“#hello”).removeClass (function (index, className) { return (className.match (/(^|\s)color-\S+/g) || []).join(‘ ‘); }); Live example: http://jsfiddle.net/xa9xS/1409/
$(“#slide”).animate({width:’toggle’},350); Reference: https://api.jquery.com/animate/
You can do: $(“#submittername”).text(“testing”); or $(“#submittername”).html(“testing <b>1 2 3</b>”);
This happened to me when I was being lazy and included a script tag as part of the content that was being returned. As such: Partial HTML Content: <div> SOME CONTENT HERE </div> <script src=”https://stackoverflow.com/scripts/script.js”></script> It appears, at least in my case, that if you return HTML content like that via xhr, you will cause … Read more
Preface: This answer is over six years old. While the concepts and application of JSONP haven’t changed (i.e. the details of the answer are still valid), you should look to use CORS where possible (i.e. your server or API supports it, and the browser support is adequate), as JSONP has inherent security risks. JSONP (JSON … Read more
I assume you’re asking for the full HTML string. If that’s the case, something like this will do the trick: $(‘<div>’).append($(‘#item-of-interest’).clone()).html(); This is explained in more depth here, but essentially you make a new node to wrap the item of interest, do the manipulations, remove it, and grab the HTML. If you’re just after a … Read more
If you know the element type then: (eg: replace ‘element’ with ‘div’) $(“element[id$=’txtTitle’]”) If you don’t know the element type: $(“[id$=’txtTitle’]”) More information available // the old way, needs exact ID: document.getElementById(“hi”).value = “kk”; $(function() { $(“[id$=’txtTitle’]”).val(“zz”); }); <script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script> <input id=”ctl_blabla_txtTitle” type=”text” />
You can write: $(document).ready(function() { $(“#select-all-teammembers”).click(function() { var checkBoxes = $(“input[name=recipients\\[\\]]”); checkBoxes.prop(“checked”, !checkBoxes.prop(“checked”)); }); }); Before jQuery 1.6, when we only had attr() and not prop(), we used to write: checkBoxes.attr(“checked”, !checkBoxes.attr(“checked”)); But prop() has better semantics than attr() when applied to “boolean” HTML attributes, so it is usually preferred in this situation.