В этом примере решим задачу поиска с помощью jQuery элемента по значению его идентификатора - id, содержащему специальные символы, такие как квадратные скобки и точка, имеющие в CSS специальное значение.
Как и в предыдущем примере, используем селектор идентификатора, но с добавлением двух обратных слэшей перед специальными символами.
Для проверки корректности работы примера, выделим, используя метод css() элементы с идентификаторами #my.Square и #my[Square] соответственно оранжевой и синей рамками с прерывистой линией.
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>Ищем с помощью jQuery элемент по значению атрибута id, содержащему специальные символы CSS.</title>
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#my\\.Square").css("border","2px dashed #ff4500");
$("#my\\[Square\\]").css("border","2px dashed blue");
});
</script>
<style type="text/css">
div {
float:left;
width:70px;
height:70px;
border:2px solid #333;
margin:3px;
}
</style>
</head>
<body>
<div></div>
<div id="my.Square"></div>
<div><span></span></div>
<div id="my[Square]"></div>
</body>
</html>
Спасибо, помогло.