ID ('#id')S2C Home « Selectors « ID ('#id')
ID selector.
Shorthand version $('#id')
Description
The ('#id') selector, selects a single element with the specified id attribute value.
- When used this method calls the JavaScript
getElementById()function 'under the hood' which is extremely performant. - Using
jQuery()or$()with anidselector argument will return ajQueryobject containing a collection of either zero or one DOM element. - If an
idselector contains characters such as.or:these have to be escaped with a double backslash\\.
Syntax
| Signature | Description |
|---|---|
jQuery('#id') | ID match |
Parameters
| Parameter | Description |
|---|---|
id | An ID attribute value to search for. |
Return
N/A.
ID ('#id') ExamplesTop
Selects a single element with the specified id attribute value.
The following example will select the paragraph with the 'id' attribute of 'backGreen' and turn the background colour green.
$(function(){
$('#btn1').on('click', function() {
$('#backGreen').css('backgroundColor', 'green');
});
});
The following example will select the button with the 'id' attribute of 'btn2' and turn the text colour blue.
$(function(){
$('#btn2').on('click', function() {
$('#btn2').css('color', 'blue');
});
});
The following example will select the left grid with the 'id' attribute of 'left' and turn the background colour silver.
$(function(){
$('#btn3').on('click', function() {
$('#left').css('backgroundColor', 'silver');
});
});