Добавить атрибут в фокусе

Question

Каков наилучший способ добавить атрибут к <input /> в фокусе с помощью js/jQuery?

Прямо сейчас, с верхней части моей головы, я думаю

$(document).ready(function(){ 
    $('input').focus(function(){ 
     $(this).attr(attributeHere); 
    }); 
}); 

Является ли это правильно? Атрибут должен иметь кавычки вокруг него?

Прямо сейчас, это будет просто атрибут, не имеющий значения. Значение будет добавлено позже.

Answer 1

Это то, что вы можете сделать:

$(document).ready(function(){ 
    $('input').on("focus",function() { 
     $(this).attr('name', 'value'); // value could be '' if you would like to specify it later. 
    }); 
}); 

Я надеюсь, что это помогает.

Answer 2

Выглядит хорошо для меня. Единственное, что я хотел бы добавить, это то, что даже если вы хотите оставить атрибут пустым, вы должны указать ему пустую строку в качестве значения.

var attrName = 'someAttr'; 
$(this).attr(attrName,''); 

К не передавая значение (даже пустая строка), вы на самом деле вызов функции геттер для атрибута, где вы действительно хотите, чтобы называть сеттера.

Answer 3

Вы должны сделать это -

$(this).attr('attributeName','attributeValue'); 

Что вы пытаетесь .attr(attributeName) используется для доступа к значению атрибута

Описание: Получить значение атрибута для первого элемента в набор согласованных элементов.

Смотрите апи:

http://api.jquery.com/attr/

.attr(attributeName, value) 

attributeName 
Type: String <-- Either a var containing string or an "string" 
The name of the attribute to set. 

value 
Type: String or Number 
A value to set for the attribute.