I will add to this overtime but this will be a dumping ground of useful jQuery links I have found.
Latest Edited: 06/02/12
Differences Between jQuery .bind() vs .live() vs .delegate() vs .on() – Exactly as the title suggests!
jQuery Fundementals Course – An excellent free course in jQuery by Rebecca Murphy, hosted on Github.
I was getting annoyed about the amount of posts about one particular topic on my timeline this morning and I decided I could fix the issue with some jQuery.
var term = $('.twitter-anywhere-tweet-box-editor').val();
$(".stream-item:contains('" + term + "')").css('display','none');
If you save it as a bookmarklet you can use this by typing the term you want to disappear from your timeline in the search box and then clicking the bookmarklet.
javascript:var term = $('.twitter-anywhere-tweet-box-editor').val();$(".stream-item:contains('" + term + "')").css('display','none');
That has no practical application really as it doesn’t persist over page reloads and only lets you do one phrase at a time, but it helped me vent some frustration at dumb tweets!
I have read many articles that cover how to use jQuery to add and remove options from a select box but I couldn’t find one that covered how to edit an individual option.
I knew there had to be a way and the good people of Stack Overflow were able to answer my question.
Essentially what you need to do is use the option selector in order to grab the element you want, then it is fairly trivial.
$('#selectID option[value="knownValue"]').text('New Option Text');So what we are saying here is for every element with the ID of ‘selectID’ look for an option with the value of ‘knownValue’.
Change the text of that option to ‘New Option Text’.
A use case for this (and indeed the reason why I was looking it up) is that if you have a collection of objects and you want to edit them dynamically by selecting them via dropdown then edit the fields you will most likely want to edit the ‘name’ field or some other field that represents the unique name which appears in the dropdown list.
If this is the case when you edit your name and hit save, assuming it is all done using ajax the value in the dropdown will no longer equate to the value stored in the database. This is a usability concern so you should use the method above to ensure that the option text of the dropdown gets edited accordingly.
Here are some links I favourited today on Twitter, thought I would share.
This week I found out about a new podcast on the scene called YayQuery. As you can imagine it is a discussion on jQuery, it is hosted by four experts in the field and seems to be producing fairly regular podcasts.
It rules for a couple of reasons
At the time of writing they are on episode[3], plenty of time to play catch up!