Ссылка на объект, переданная в аргументе функции

Question

Я хочу изменить цвет ссылки с помощью jQuery. Я получаю сообщение об ошибке при попытке ссылаться на объект.

мой HTML:

<a onmouseover="loclink(this);return false;" href="locations.html" title="Locations" class="nav-link align_nav">Locations</a> 

Мои JS:

function loclink(a){ 
    a.css("color", "red"); // Didn't work 
    jQuery('a').find('.nav-link').css("color", "red"); // Didn't work 
    $(a).find('.nav-link').css("color", "red"); // Didn't work 

console.log(a): 

<a onmouseover="loclink(this);return false;" href="locations.html" title="Locations" class="nav-link align_nav">Locations</a> 

Answer 1

function loclink(a){ 
 
    $(a).css("color", "red"); // this should work 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a onmouseover="loclink(this);return false;" href="locations.html" title="Locations" class="nav-link align_nav">Locations</a>

Лучший подход (вместо использования встроенных событий) заключается в использовании Jquery.on для Закрепление обработчик событий к вашим ссылкам

$("a.nav-link").on("mouseover",function(){ 
 
    $(this).css("color", "red"); // this should work 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="locations.html" title="Locations" class="nav-link align_nav">Locations</a>