関数の引数で渡されるオブジェクト参照

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>