I actually use '-' myself, which doesn't conflict with CSS, but jQuery
still doesn't like them because of the attr() function translates
this-name into thisName.
I think we're all just stuck with using [A-Za-z0-9_] for attribute and
id names :)
-Stephen
John Resig wrote:
> Hehe - it seems like we have discussion about once a month - it goes
> something like this:
>
> You: "I use IDs with '.' and/or ':' in them - it's part of the (X)HTML spec!"
> Me: "Ooh, that'd be nice - but it''s actually not of the CSS Selector
> spec, which jQuery uses."
>
> When we get an FAQ up, I'll be sure to add it. No worries, though.
>
> Think about it in this sense - is it possible to use these as
> selectors - and what exactly do they mean?
>
> #foo.bar
> #foo.bar3
> #foo.3
>
> #foo:bar
> #foo:link
> #foo:visited
>
> Both ':' and '.' have special meaning in CSS and/or XPath, so it's
> really best to use another character if you wish to access/style them
> using jQuery/CSS.
>
> --John
>
> On 8/19/06, John Beppu <[EMAIL PROTECTED]> wrote:
>
>> 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
>> [email protected]
>> http://jquery.com/discuss/
>>
>>
>
>
>
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
