jQuery #id Selector

A jQuery #id selector selects elements with the id you have specified. After you select the required element, you can apply color or any other effects using jQuery.

The id is the value of the id attribute and the unique identifier of an HTML element.

JQuery #id Selector

For selecting any element, you have to get the value of id attribute of an element. You have to use the hash(#) before the id value as in the syntax given below.

Syntax

Check the example given below which applies a color to the selected element and apply the CSS using jQuery.

Example

Test it Live

Output

Welcome to our tutorial.

Tutorialdeep is the best way to learn everthing from jQuery Tutorial.

Now, you can learn jQuery with live examples.

The example is given above converts the text color to red for the specified id. This changes the text for the single element by selecting only the single element. However, you can change the color for more than a single element using the next example.

Select Multiple ids Using jQuery

You can apply the color to more than one element by writing just a single line jQuery code. You have to use the jQuery multiple id selector and add multiple comma-separated ids.

See the syntax given below to get the use of multiple id selectors.

Syntax

Let’s see an example to include multiple ids using the above syntax. It applies the color to more than one element using ids of different elements.

Example

Test it Live

Output

Welcome to Tutorial! A best place to improve technical skills.

It is the best place to learn web development and coding skills.

You are learning jQuery.

learn with live examples.

Get free downloads to quickstart.

The above example applies the yellow color to the multiple specified ids with the jQuery css().

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.