jQuery( (attribute selector))

Use the querySelector method to get an element by data attribute, e.g. document. querySelector(‘[data-id=”box1″]’) . The querySelector method returns the first element that matches the provided selector or null if no element matches the selector in the document.

The [attribute^=”value”] selector is used to select elements with the specified attribute, whose value starts with the specified value. The following example selects all elements with a class attribute value that starts with “top”: Note: The value does not have to be a whole word!

HTML DOM getAttribute() method is used to get the value of the attribute of the element. By specifying the name of the attribute, it can get the value of that element. To get the values from non-standard attributes, we can use the getAttribute() method.