Update April 2019 jQuery isn’t needed for cookie reading/manipulation, so don’t use the original answer below. Go to https://github.com/js-cookie/js-cookie instead, and use the library there that doesn’t depend on jQuery. Basic examples: // Set a cookie Cookies.set(‘name’, ‘value’); // Read the cookie Cookies.get(‘name’) => // => ‘value’ See the docs on github for details. Before … Read more
Here’s your example in the “one” line. this.$OuterDiv = $(‘<div></div>’) .hide() .append($(‘<table></table>’) .attr({ cellSpacing : 0 }) .addClass(“text”) ) ; Update: I thought I’d update this post since it still gets quite a bit of traffic. In the comments below there’s some discussion about $(“<div>”) vs $(“<div></div>”) vs $(document.createElement(‘div’)) as a way of creating new … Read more
This should do the trick: function isScrolledIntoView(elem) { var docViewTop = $(window).scrollTop(); var docViewBottom = docViewTop + $(window).height(); var elemTop = $(elem).offset().top; var elemBottom = elemTop + $(elem).height(); return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop)); } Simple Utility Function This will allow you to call a utility function that accepts the element you’re looking … Read more
This’d be exactly the job for reduce. If you’re using ECMAScript 2015 (aka ECMAScript 6): const sum = [1, 2, 3].reduce((partialSum, a) => partialSum + a, 0); console.log(sum); // 6 For older JS: const sum = [1, 2, 3].reduce(add, 0); // with initial value to avoid when the array is empty function add(accumulator, a) { return accumulator … Read more
The ready event occurs after the HTML document has been loaded, while the onload event occurs later, when all content (e.g. images) also has been loaded. The onload event is a standard event in the DOM, while the ready event is specific to jQuery. The purpose of the ready event is that it should occur … Read more
Using $(“a”).attr(“href”, “http://www.google.com/”) will modify the href of all hyperlinks to point to Google. You probably want a somewhat more refined selector though. For instance, if you have a mix of link source (hyperlink) and link target (a.k.a. “anchor”) anchor tags: <a name=”MyLinks”></a> <a href=”http://www.codeproject.com/”>The CodeProject</a> …Then you probably don’t want to accidentally add href … Read more
$(‘#’ + id).is(“:checked”) That gets if the checkbox is checked. For an array of checkboxes with the same name you can get the list of checked ones by: var $boxes = $(‘input[name=thename]:checked’); Then to loop through them and see what’s checked you can do: $boxes.each(function(){ // Do stuff here with this }); To find how … Read more
$(‘elemId’).length doesn’t work for me. You need to put # before element id: $(‘#elemId’).length —^ With vanilla JavaScript, you don’t need the hash (#) e.g. document.getElementById(‘id_here’) , however when using jQuery, you do need to put hash to target elements based on id just like CSS.
The same as other answers, in a jQuery fashion: $.each(selectValues, function(key, value) { $(‘#mySelect’) .append($(“<option></option>”) .attr(“value”, key) .text(value)); });
You can use the jQuery attribute selector: $(‘td[name=”tcol1″]’) // Matches exactly ‘tcol1’ $(‘td[name^=”tcol”]’ ) // Matches those that begin with ‘tcol’ $(‘td[name$=”tcol”]’ ) // Matches those that end with ‘tcol’ $(‘td[name*=”tcol”]’ ) // Matches those that contain ‘tcol’