Как изменить атрибут заголовка элемента с помощью jQuery

У меня есть элемент ввода формы и вы хотите изменить его атрибут title. Это должно быть легко, как пирог, но по какой-то причине я не могу найти, как это сделать. Как это делается, и где и как я должен искать, как это сделать?

    Прежде чем писать какой-либо код, давайте обсудим разницу между атрибутами и свойствами. Атрибуты – это параметры, которые вы применяете к элементам разметки HTML ; затем браузер анализирует разметку и создает объекты DOM различных типов, которые содержат свойства, инициализированные значениями атрибутов. На объектах DOM, таких как простой HTMLElement , вы почти всегда хотите работать со своими свойствами , а не с его набором атрибутов .

    Нынешняя лучшая практика заключается в том, чтобы избежать работы с атрибутами, если они не являются обычаями или нет эквивалентного свойства для дополнения. Поскольку title действительно существует как свойство чтения / записи на многих HTMLElement , мы должны воспользоваться им.

    Вы можете узнать больше о различиях между атрибутами и свойствами здесь или здесь .

    Имея это в виду, давайте манипулируем этим title

    Получить или установить свойство title элемента без jQuery

    Поскольку title является общедоступным, вы можете установить его на любой элемент DOM, который поддерживает его с помощью обычного JavaScript:

     document.getElementById('yourElementId').title = 'your new title'; 

    Поиск почти идентичен; ничего особенного здесь:

     var elementTitle = document.getElementById('yourElementId').title; 

    Это будет самый быстрый способ изменения названия, если вы оптимизирующий орех, но так как вы хотели задействовать jQuery:

    Получить или установить свойство title элемента с помощью jQuery (v1.6 +)

    jQuery ввел новый метод в v1.6 для получения и установки свойств. Чтобы установить свойство title для элемента, используйте:

     $('#yourElementId').prop('title', 'your new title'); 

    Если вы хотите получить заголовок, опустите второй параметр и запишите возвращаемое значение:

     var elementTitle = $('#yourElementId').prop('title'); 

    Ознакомьтесь с документацией API prop() для jQuery.

    Если вы действительно не хотите использовать свойства или используете версию jQuery до версии 1.6, вы должны прочитать:

    Получить или установить атрибут title элемента с помощью jQuery (версии <1,6)

    Вы можете изменить атрибут title следующим кодом:

     $('#yourElementId').attr('title', 'your new title'); 

    Или получить его с помощью:

     var elementTitle = $('#yourElementId').attr('title'); 

    Ознакомьтесь с API-интерфейсом attr() API для jQuery.

    В jQuery ui modal dialogs вам нужно использовать эту конструкцию по какой-то причине:

     $( "#my_dialog" ).dialog( "option", "title", "my new title" ); 

    Я верю

     $("#myElement").attr("title", "new title value") 

    или

     $("#myElement").prop("title", "new title value") 

    должен сделать трюк …

    Я думаю, вы можете найти все основные функции в jQuery Docs , хотя я ненавижу форматирование.

    Другой вариант, если вы предпочитаете, – это получить элемент DOM из объекта jQuery и использовать на нем стандартные DOM-аксессоры:

     $("#myElement")[0].title = "new title value"; 

    «Способ jQuery», как упоминалось другими, заключается в использовании метода attr (). См. Документацию API для attr () здесь .

     jqueryTitle({ title: 'New Title' }); 

    для первого заголовка:

     jqueryTitle('destroy'); 

    https://github.com/ertaserdi/jQuery-Title

    Если вы создаете div и пытаетесь добавить к нему title .

    Пытаться

     var myDiv= document.createElement("div"); myDiv.setAttribute('title','mytitle'); 
    Interesting Posts

    Сохранить в режиме вставки (VIM)

    Нажатие клавиши максимизируется вдоль вертикали только в Windows 7?

    Сериализация classа, который содержит std :: string

    Как получить тип ввода HTML 5 = «дата», работающий в Firefox и / или IE 10

    NoClassDefFoundError для кода в библиотеке Java на Android

    Как назначить slice в Tensorflow

    Безопасный (проверенный граница) поиск массива в Swift через дополнительные привязки?

    Как проверить, является ли тип объекта конкретным подclassом в C ++?

    Почему моя макро переменная не будет решена?

    Коллекция была изменена; операция enums может не выполняться

    Отрегулируйте одно значение в тензоре – TensorFlow

    Как Java конвертирует int в байты?

    Как захватить содержимое экрана устройства Android?

    Как проверить, выполняет ли gcc оптимизацию хвостовой рекурсии?

    Есть ли альтернатива виртуализации для обработки двух разных интерфейсов, разных сетей и одного и того же диапазона IP?

    Давайте будем гением компьютера.