How To Separate JQuery Event Listeners Based On Page

I alway have a case where I have one .js file which contain event handlers for many pages in my website, something like this:

$(function () {
$('#my-textbox1').click(function(){ doSomthing(); }) //--> this my-textbox1 exists in page example1.aspx
$('#my-textbox2').click(function(){ doSomthing(); }) //--> this my-textbox2 exists in page example2.aspx
});

Now suppose the user opened page example1.aspx, jquery will search for my-textbox1 and if found it will attach a click event to it, then will search for my-textbox2 and will not find it and will not attach the event.

But like this jquery in all cases will search for my-textbox2 in all pages,

What I want to know is the best practice you do to avoid unwanted selectors to get called in pages that don't want them.

May be it is not a big problem with 2 events, but suppose i have hundreds of events want to attach, this will affect the page load performance for sure.