jQueryで「.(ドット, dots)」「:(コロン, colons)」「@(アットマーク, atmarks)」などを含んだセレクタを選択する

How do I select an element by an ID that has characters used in CSS notation?
より。

// Does not work:
$( "#some:id" )
// Works!
$( "#some\\:id" )
// Does not work:
$( "#some.id" )
// Works!
$( "#some\\.id" )

ということなので、\\{character} で選択できる。

検証

テスト(マウスオーバーで背景が赤くなる)

コード

HTML

<p class="http://omimo.net/">テスト(マウスオーバーで背景が赤くなる)</p>

JavaScript

$(function($){
$(".http\\:\\/\\/omimo\\.net\\/").hover(
 function(){$(this).css("background-color","red")},
 function(){$(this).css("background-color","white")}
 ).css("background-color","white")
})(jQuery)

Leave a Reply