Selector |
Example |
Selects |
* |
$("*") |
All elements |
#id |
$("#lastname") |
The element with id="lastname" |
.class |
$(".intro") |
All elements with class="intro" |
.class,.class |
$(".intro,.demo") |
All elements with the class "intro" or "demo" |
element |
$("p") |
All <p> elements |
el1,el2,el3 |
$("h1,div,p") |
All <h1>, <div> and <p> elements |
|
|
|
:first |
$("p:first") |
The first <p> element |
:last |
$("p:last") |
The last <p> element |
:even |
$("tr:even") |
All even <tr> elements |
:odd |
$("tr:odd") |
All odd <tr> elements |
|
|
|
:first-child |
$("p:first-child") |
All <p> elements that are the first child of their parent |
:first-of-type |
$("p:first-of-type") |
All <p> elements that are the first <p> element of their parent |
:last-child |
$("p:last-child") |
All <p> elements that are the last child of their parent |
:last-of-type |
$("p:last-of-type") |
All <p> elements that are the last <p> element of their parent |
:nth-child(n) |
$("p:nth-child(2)") |
All <p> elements that are the 2nd child of their parent |
:nth-last-child(n) |
$("p:nth-last-child(2)") |
All <p> elements that are the 2nd child of their parent, counting from the
last child |
:nth-of-type(n) |
$("p:nth-of-type(2)") |
All <p> elements that are the 2nd <p> element of their parent |
:nth-last-of-type(n) |
$("p:nth-last-of-type(2)") |
All <p> elements that are the 2nd <p> element of their parent, counting from the
last child |
:only-child |
$("p:only-child") |
All <p> elements that are the only child of their parent |
:only-of-type |
$("p:only-of-type") |
All <p> elements that are the only child, of its type, of their parent |
|
|
|
parent > child |
$("div > p") |
All <p> elements that are a direct child of a <div> element |
parent descendant |
$("div p") |
All <p> elements that are descendants of a <div> element |
element + next |
$("div + p") |
The <p> element that are next to each <div> elements |
element ~ siblings |
$("div ~ p") |
All <p> elements that are siblings of a <div> element |
|
|
|
:eq(index) |
$("ul li:eq(3)") |
The fourth element in a list (index starts at 0) |
:gt(no) |
$("ul li:gt(3)") |
List elements with an index greater than 3 |
:lt(no) |
$("ul li:lt(3)") |
List elements with an index less than 3 |
:not(selector) |
$("input:not(:empty)") |
All input elements that are not empty |
|
|
|
:header |
$(":header") |
All header elements <h1>, <h2> ... |
:animated |
$(":animated") |
All animated elements |
:focus |
$(":focus") |
The element that currently has focus |
:contains(text) |
$(":contains('Hello')") |
All elements which contains the text "Hello" |
:has(selector) |
$("div:has(p)") |
All <div> elements that have a <p> element |
:empty |
$(":empty") |
All elements that are empty |
:parent |
$(":parent") |
All elements that are a parent of another element |
:hidden |
$("p:hidden") |
All hidden <p> elements |
:visible |
$("table:visible") |
All visible tables |
:root |
$(":root") |
The document's root element |
:lang(language) |
$("p:lang(de)") |
All <p> elements with a lang attribute value starting with "de" |
|
|
|
[attribute] |
$("[href]") |
All elements with a href attribute |
[attribute=value] |
$("[href='default.htm']") |
All elements with a href attribute value equal to "default.htm" |
[attribute!=value] |
$("[href!='default.htm']") |
All elements with a href attribute value not equal to "default.htm" |
[attribute$=value] |
$("[href$='.jpg']") |
All elements with a href attribute value ending with ".jpg" |
[attribute|=value] |
$("[title|='Tomorrow']") |
All elements with a title attribute value equal to 'Tomorrow', or starting
with 'Tomorrow' followed by a hyphen |
[attribute^=value] |
$("[title^='Tom']") |
All elements with a title attribute value starting with "Tom" |
[attribute~=value] |
$("[title~='hello']") |
All elements with a title attribute value containing the specific word "hello" |
[attribute*=value] |
$("[title*='hello']") |
All elements with a title attribute value containing the word "hello" |
|
|
|
:input |
$(":input") |
All input elements |
:text |
$(":text") |
All input elements with type="text" |
:password |
$(":password") |
All input elements with type="password" |
:radio |
$(":radio") |
All input elements with type="radio" |
:checkbox |
$(":checkbox") |
All input elements with type="checkbox" |
:submit |
$(":submit") |
All input elements with type="submit" |
:reset |
$(":reset") |
All input elements with type="reset" |
:button |
$(":button") |
All input elements with type="button" |
:image |
$(":image") |
All input elements with type="image" |
:file |
$(":file") |
All input elements with type="file" |
:enabled |
$(":enabled") |
All enabled input elements |
:disabled |
$(":disabled") |
All disabled input elements |
:selected |
$(":selected") |
All selected input elements |
:checked |
$(":checked") |
All checked input elements |
//
function fn_possec(pos_id)
{
console.log('b');
//tutar kontrol
tutar=0.0;
if (isNaN(parseFloat($("[id$='txt_tutar']").val())) || isNaN(parseFloat($("[id$='txt_tutarkr']").val()))) { toastr['warning']('Tutar bilgisinde hata var.'); return; }
tutar = parseFloat($("[id$='txt_tutar']").val()) + (parseFloat($("[id$='txt_tutarkr']").val()) / 100);
if (tutar <= 0) { toastr['warning']('Tutar bilgisinde hata var.'); return; }
console.log(tutar);
$("[id$='hid_POS_ID']").val(pos_id);
$("[id$='hid_tutar']").val(tutar);
}
//value of Textbox
$("[id$='txt_tutar']").val()
//Ends With
$("input[name$='pt']").css("color", "green");
$("[id$='pt']").css("color", "green");
$("[id$='chk_UOB00_aktifler']").change(function () {
if (this.checked) {
$(".uoaktif").show();
$(".uopasif").hide();
}
else {
$(".uoaktif").show();
$(".uopasif").show();
}
});
If you know the element type then: (eg: replace 'element' with 'div')
$("element[id$='txtTitle']")
If you don't know the element type:
$("[id$='txtTitle']")
// DOM ELEMENTS
$('div').each(function(index, value) {
console.log('div${index}: ${this.id}');
});
//
$("a").each(function (index, value) {
console.log("anchor" + index + ":" + $(this).attr("href"));
});
//
var allDiv = $("div");
for ( var i=0; i<allDiv.length; i++) {
// use allDiv[i] for accessing each one
}
---------------------------
<div class="testimonial" data-index="1">
Testimonial 1
</div>
<div class="testimonial" data-index="2">
Testimonial 2
</div>
<div class="testimonial" data-index="3">
Testimonial 3
</div>
<div class="testimonial" data-index="4">
Testimonial 4
</div>
<div class="testimonial" data-index="5">
Testimonial 5
</div>
$('div[class="testimonial"]').each(function(index,item){
if(parseInt($(item).data('index'))>2){
$(item).html('Testimonial '+(index+1)+' by each loop');
}
});
Testimonial 1
Testimonial 2
Testimonial 3 by each loop
Testimonial 4 by each loop
Testimonial 5 by each loop
---------------------------