onfocusとjquery - ジレンマ

Question

私の質問にはonfocus="ajaxUpdateCompanyList2();"を入力してください。$("#CompanyNameFilter").focus(function()、私はjqueryを使い慣れていますので、コードに関してもかなり問題があります。

JSコードオプション1：

$(document).ready(function() { 
    $("#CompanyNameFilter").autocomplete("ajaxFuncs.php",{cacheLength:1,mustMatch:1,extraParams:{getClientList:1}}); 
}); 

    $("#CompanyNameFilter").focus(function() { 
     var CN99 = $("#CompanyNameFilter").val(); 

     url: "clientsFiltering.php?companyname=" + CN99, 
     method: "GET", 
     success : function(data) { 
      var content = $(data).find("#companyList").html(); 
     } 
    }); 

JSコードオプション2：

$(document).ready(function() { 
     $("#CompanyNameFilter").autocomplete("ajaxFuncs.php",{cacheLength:1,mustMatch:1,extraParams:{getClientList:1}}); 
    }); 

    $.fn.ajaxUpdateCompanyList2=function() { 
     var CN99 = $("#CompanyNameFilter").val(); 

     url: "clientsFiltering.php?companyname=" + CN99, 
     method: "GET", 
     success : function(data) { 
      var content = $(data).find("#companyList").html(); 
     } 
    }; 

HTMLコードオプション1： それがすべてでは動作しません：S

<input id="CompanyNameFilter" style="width: 205px;"/> 

HTMLコードオプション2： は、私はエラーを取得するように、ajaxUpdateCompanyList2は未定義の関数である：S

<input id="CompanyNameFilter" onfocus="ajaxUpdateCompanyList2();" style="width: 205px;"/> 

Answer 1

は1.7以上、このような何かをjQueryのを使用して移動するための方法である場合：

$("#CompanyNameFilter").on('focus', function() { 
    //code here 
}); 

インラインJSはほとんど決して行く方法ではありません！

さらに、jQueryのドキュメントを読んで、最初のコードがAjax関数がないように見えるので、やっていることを正確に把握し、2番目のコードはプラグインを作成しようとすると、何か重要なものが欠けていますか？