Я хочу получить результаты, когда я нажимаю на один элемент веб-страницы, этот элемент подсвечивается (например, его цвет фона становится синим). Я попробовал ниже, через какое-то время он может это сделать, но в другое время это не удалось. Есть ли другие методы для решения? Спасибо.
elemselect.js:
var flag = null;
jQuery(function ($) {
$("*").bind("click", function () {
if(flag)
{
$("*").removeClass("elemselected");
}
flag = $(this);
$(this).addClass("elemselected");
$(this).find("*").addClass("elemselected");
return false;
});
elemselect.css:
.elemselected
{
border: #00BFFF solid thin;
background-color: #00BFFF;
}
вы можете использовать этот код, toggleClass ("styleName") может обрабатывать ваши функции флага.
$('*').click(function() {
$(this).toggleClass("elemselected");
});
Вы можете использовать toggleClass()
:
$('*').click(function() {
$(this).toggleClass("elemselected");
});
$(".sel").on("click", function() {
$(this).css("background", "red");
});
обновленный
$('.sel').click( function() {
$(this).toggleClass("sel");
});
Надеюсь, это поможет вам!
ты пробовал атр?
$('*').click(function() {
$(this).attr("class":"elemselected");
});
попробуй это
$("*").click(function () {
$(".elemselected").removeClass("elemselected");
$(this).addClass("elemselected");
});
Тебе нужно
jQuery(function ($) {
$(document).on('click', function(e){
$('.elemselected').removeClass('elemselected');
$(e.target).addClass('elemselected');
})
});
Демо: скрипка