How to create and call a custom JQuery function?

**blakemckenna** · Oct 19th, 2019, 10:28 PM

I have a scenario in which I want create I need to set the display of several elements with the same class. My thinking was to create a custom jQuery function that contains a For Loop that would do this. I'm still learning jQuery and I've never created a custom function like you would in Javascript. The below code is what I need to put into this function. Should I just do this in Javascript?

Code:

var x = document.getElementsByClassName('reset');

for (var i=0; i<x.length; i++) {
    x[i].style.display = 'none'
}

Thanks,

**jmcilhinney** · Oct 19th, 2019, 10:39 PM

You wouldn't use a loop in jQuery. You would use a selector. With a jQuery selector you can match zero, one or more elements and then the subsequent action is performed on each one. I suggest that you do some reading on jQuery selectors. Better you learn how to fish than just get handed this one fish. If you don't understand the principle, you'll be back looking for more fish in no time.

**jmcilhinney** · Oct 19th, 2019, 10:41 PM

By the way, jQuery is JavaScript. Its basically just a JavaScript library. Anything you write in jQuery, you are writing in JavaScript. It's a matter of whether you're using the functionality provided by the library or just the standard JavaScript functionality.

**blakemckenna** · Oct 19th, 2019, 10:52 PM

I knew that it was Javascript...jQuery is just a wrapper from what I can tell. But I will definitely read up on it.

Thanks jmc

**Sherin** · Nov 4th, 2019, 01:19 AM

Code:

<html>
<head>
<script>

function get(){
var x = document.getElementsByClassName('reset');

 for (var i=0; i<x.length; i++) {
    x[i].style.color = 'red'
  }
}
</script>
</head>

<body>
<button onclick="get()">Click</button>

<p class="reset">1</p>
<p class="reset">2</p>
<p>3</p>
<p>4</p>

</body>
</html>

Thread: How to create and call a custom JQuery function?

Thread Tools

Display

How to create and call a custom JQuery function?

Re: How to create and call a custom JQuery function?

Re: How to create and call a custom JQuery function?

Re: How to create and call a custom JQuery function?

Re: How to create and call a custom JQuery function?

Posting Permissions