-
-
-
syntax:end ()
return type:void, element
content:เป็นการสั่งให้สิ้นสุด set ปัจจุบัน แล้วย้อนกลับไปยัง set ก่อนหน้า 1 ครั้ง
example:$("div").nextUntil("div#special").css("text-decoration", "underline").end().css("font-weight", "bold");
// คือคำสั่ง css("font-weight", "bold") จะเกิดขึ้นกับ $("div")
// แต่คำสั่ง css("text-decoration", "underline") จะเกิดขึ้นกับ $("div").nextUntil("div#special")
-
syntax:andSelf ()
return type:void, element
content:ใช้ในการเพิ่มตัว element ของเรา เข้าไปใน set ด้วย
example:$("div").find("b").andSelf().show();
$("div").nextAll().andSelf().show();
-
syntax:add ( selector, context )
return type:void, element
content:ใช้เพิ่ม element ที่มี selector ตรงตามที่กำหนด และเป็น chlid element
ของ element ที่ตรงตาม context ที่กำหนด เข้าไปใน set
example:$("div").add("span", "#dialog").show();
-
syntax:is ( selector )
return type:boolean
content:ใช้ตรวจสอบว่าใน set นั้นๆ มี element ที่มี selector ตามที่กำหนด อย่างน้อย 1 element ใช่หรือไม่
example:$("*").is("img");
-
syntax:add ( html | selector | element | array-element )
return type:void, element
content:ใช้เพิ่ม element ที่กำหนดเข้าไปใน set
example:$("img[alt]").add("img[title]");
-
syntax:not ( selector | element | array-element )
return type:void, element
content:ใช้ลบ element ที่กำหนดออกจาก set
example:$("img").not("img[title]");
-
syntax:not ( function ( index ) )
return type:void, element
content:ใช้ลบ element ที่กำหนดออกจาก set โดยถ้า function return false คือไม่ต้องการ element นั้นๆ
example:$("div").not( function ( index ) {
return $(this).id != "hidden";
} ).css("font-weight", "bold");
-
syntax:get ( index )
return type:element
content:คืนค่า element หรือ array element
example:$("img[alt]")[0];
$("img[alt]").get(0);
$("img[alt]").get();
-
syntax:eq ( index )
return type:void, element
content:ใช้ในการอ้างถึง เพียง element เดียวภายใน set โดยจะอ้างถึง element ตำแหน่งที่กำหนดที่อยู่ภายใน set
example:$("div").eq(2).css("font-weight", "bold");
-
syntax:index ( element )
return type:number
content:คืนค่า ตำแหน่งที่ ของ element ที่กำหนด ภายใน set
จะคืนค่า -1 ถ้าหากว่าไม่พบ
example:$("img").index( $img("img#findMe")[0] );
-
syntax:slice ( begin, end )
return type:void, element
content:ใช้คืนค่า element จาก set โดยจะเริ่มจาก ตำแหน่ง begin จนถึง end
example:$("*").slice(0,10);
$("*").slice(10);
-
syntax:first ()
return type:void, element
content:ใช้ในการคืนค่า element ตัวแรกที่อยู่ใน set
example:alert ( $("div").first().text() );
-
syntax:last ()
return type:void, element
content:ใช้ในการคืนค่า element ตัวสุดท้ายที่อยู่ใน set
example:alert ( $("div").last().text() );
-
syntax:find ( selector )
return type:void, element
content:ใช้ในการค้นหา child element ในทุกระดับ โดยจะค้นหา ทุก element ภายใน set
และ child element เหล่านั้น ต้องมี selector ตรงตามที่กำหนด
example:$("div").find("b").css("font-weight", "normal");
-
syntax:filter ( selector | function )
return type:void, element
content:ใช้ค้นหา element ใน set โดยจะต้องตรงตามเงื่อนไข selector ที่กำหนด
โดยถ้ากำหนด parameter เป็น function แล้ว function return false หมายถึงไม่ต้องการ element นั้นๆ
example:$("img[title]").filter("img[alt]");
$("img[title]").filter(function(){
return this.id != "main-row";
});
-
syntax:has ( selector )
return type:void, element
content:ใช้ในการคืนค่า element ที่มี child element ตาม selector ที่กำหนด
โดยจะกรอง ทุก element ภายใน set
example:$("li").has("ul").css("display", "hidden");
-
syntax:has ( contained )
return type:void, element
content:ใช้ในการคืนค่า element ที่มี child element ตาม contained ที่กำหนด
โดยจะกรอง ทุก element ภายใน set
example:$('li').has($("ul.group")).css("display", "hidden");
-
syntax:contains ( text )
return type:void, element
content:ใช้คืนค่า element ที่มี text ที่กำหนดอยู่ภายใน tag
example:$("p").contains("function");
-
syntax:children ( [ selector ] )
return type:void, element
content:ใช้ในการคืนค่า child element ทั้งหมด ของทุก element ภายใน set
โดยถ้ากำหนด selector ก็จะคืนค่าเฉพาะ child element ที่ตรงกับ selector ที่กำหนด
example:$("div#dialog").children(".hide").show();
-
syntax:parent ( [ selector ] )
return type:void, element
content:ใช้ในการคืนค่า parent ของ ทุก element ภายใน set
หรือ คืนค่า parent ของ ทุก element ภายใน set โดย parent นั้นต้องมี selector ตรงตามที่กำหนด
example:$("li").parent().css("border", "1px solid black");
-
syntax:parents ( [ selector ] )
return type:void, element
content:ใช้ในการคืนค่า parent ทุกระดับ ของ ทุก element ภายใน set
หรือ คืนค่า parent ทุกระดับ ของ ทุก element ภายใน set โดย parent นั้นต้องมี selector ตรงตามที่กำหนด
example:$("li").parent().css("border", "1px solid black");
-
syntax:parentsUntil ( [ selector ] )
return type:void, element
content:ใช้ในการคืนค่า parent ทั้งหมดที่อยู่ก่อน parent ที่ตรงกับ selector ที่กำหนด
( คือจะมีการหา parent ขึ้นไปเรื่อยๆ จนกว่าจะเจอ parent ที่มี selector ตรงตามที่กำหนด )
ของ ทุก element ภายใน set
example:$("b").parentsUntil(".group").css("text-decoration", "underline");
-
syntax:offsetParent ()
return type:void, element
content:ใช้ในการคืนค่า parent element ที่ใกล้ที่สุด ของ ทุก element ภายใน set
example:$("li").offsetParent().css("color", "blue");
-
syntax:closest ( selector )
return type:void, element
content:ใช้ในการคืนค่า parent element ( ของ ทุก element ภายใน set ) ที่ใกล้ที่สุด ที่มี selector ตามที่กำหนด
example:$("li").closest("ul#group").show();
-
syntax:closest ( selector, context )
return type:void, element
content:ใช้ในการคืนค่า parent element ( ของ ทุก element ภายใน set ) ที่ใกล้ที่สุด ที่มี selector ตามที่กำหนด
และเป็น chlid element ของ element ที่ตรงตาม context ที่กำหนด
example:$("li").closest("ul#group", "table#data").show();
-
syntax:siblings ( [ selector ] )
return type:void, element
content:ใช้ในการคืนค่า element ตัวก่อนๆหน้า และ ตัวถัดๆไป ทั้งหมด
หรือ element ตัวก่อนๆหน้า และ ตัวถัดๆไป ทั้งหมด ที่มี selector ที่กำหนด
ของ ทุก element ภายใน set
example:$("li").siblings().css("font-weight", "bold");
-
syntax:next ( [ selector ] )
return type:void, element
content:ใช้ในการคืนค่า element ตัวถัดไป หรือ element ตัวถัดไป ตัวแรก ที่มี selector ที่กำหนด
ของ ทุก element ภายใน set
example:$("div").next(".group").css("text-decoration", "underline");
-
syntax:nextAll ( [ selector ] )
return type:void, element
content:ใช้ในการคืนค่า element ตัวถัดๆไปทั้งหมด หรือ element ตัวถัดๆไปทั้งหมด ที่มี selector ที่กำหนด
ของ ทุก element ภายใน set
example:$("div").nextAll(".group").css("text-decoration", "underline");
-
syntax:nextUntil ( [ selector ] )
return type:void, element
content:ใช้ในการคืนค่า element ตัวถัดๆไปทั้งหมด จนถึง selector ( โดยไม่รวม ตัวของมัน และ ตัวที่อยู่ใน selector )
ของ ทุก element ภายใน set
example:$("div").nextUntil(".group").css("text-decoration", "underline");
-
syntax:prev ( [ selector ] )
return type:void, element
content:ใช้ในการคืนค่า element ตัวก่อนหน้า หรือ element ตัวก่อนหน้า ตัวแรก ที่มี selector ที่กำหนด
ของ ทุก element ภายใน set
example:$("div").prev(".group").css("text-decoration", "underline");
-
syntax:prevAll ( [ selector ] )
return type:void, element
content:ใช้ในการคืนค่า element ตัวก่อนๆหน้าทั้งหมด หรือ element ตัวก่อนๆหน้าทั้งหมด ที่มี selector ที่กำหนด
ของ ทุก element ภายใน set
example:$("div").prevAll(".group").css("text-decoration", "underline");
-
syntax:prevUntil ( [ selector ] )
return type:void, element
content:ใช้ในการคืนค่า element ตัวก่อนๆหน้าทั้งหมด จนถึง selector ( โดยไม่รวม ตัวของมัน และ ตัวที่อยู่ใน selector )
ของ ทุก element ภายใน set
example:$("div").prevUntil(".group").css("text-decoration", "underline");
