I was playing around with jQuery today, and I came across something unfortunate.
I was in the habit of using the "." character in id attributes. For
example, if I had a page full of notes, the mark-up might look like:
<div class="note" id="note.3">3rd note</div>
<div class="note" id="note.4">4th note</div>
What's unfortunate is that:
$('#note.3').size() == 0
$('note.3').size() == 0
The lesson here might be that even though "." is a legal character[1]
to have in an id field, its existence in an id can conflict with CSS
selectors that interpret "." as a sigil to signify that a class name
follows. This really sucked, because I used the "." character in id
attributes extensively (until now).
I hope that I can switch over to using ":" as a separator character to
use in my id attributes. I also hope that it doesn't conflict with
CSS selectors or XPath, but I'm not sure on either count.
[1] http://www.w3.org/TR/xhtml1/#C_8
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
