Блог did5.ru

Столкнулся с задачей, где пришлось даже гуглить, что бы решить. В SharePoint 2013 часто используются id’шники у тегов с точками, пример -  id="Ribbon.Table.Design.Style.TableStyles-Large". И тут возникает вопрос – как выбрать этот элемент в коде jQuery? Вариант — $(«a#Ribbon.Table.Design.Style.TableStyles-Large») не подойдет, т.к. id будет считаться только Ribbon, все остальное будет селектором классов.

Решение:

Обратимся к документации jQuery:

To use any of the meta-characters ( such as ! «#$%&'()*+,./:;<=>?@[\]^`{|}~ ) as a literal part of a name, it must be escaped with with two backslashes: \\. For example, an element with id=»foo.bar", can use the selector $(«#foo\\.bar»).

Из документации следует, что надо экранировать точки в ID двойным обратным слешем \\, т.е. получится так:

$("a#Ribbon\\.Table\\.Design\\.Style\\.TableStyles-Large")

Еще один вариант:

$("a[id=’Ribbon.Table.Design.Style.TableStyles-Large’]")

Столкнулся с особенностью в HTML/CSS. Подчеркивание текста underline в разных браузерах отображается по-разному. Для примера: в браузере Chrome линия подчеркивания толще, чем в Internet Explorer 10. В остальных браузерах я даже не проверял, т.к. и этого достаточно.

Добиться однообразия можно следующим образом – вместо подчеркивания текста text-decoration: underline; использовать нижнюю границу с толщиной border-bottom:1px solid #0054a6;. Тогда во всем браузерах это подчеркивание будет толщиной в один пиксель, либо больше, сколько зазадите.