การใช้ jQuery Selectors เพื่ออ้างถึง element ที่อยู่ในหน้าเว็บเพจปัจจุบัน

Post a reply

Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies
BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON
Topic review
   

Expand view Topic review: การใช้ jQuery Selectors เพื่ออ้างถึง element ที่อยู่ในหน้าเว็บเพจปัจจุบัน

การใช้ jQuery Selectors เพื่ออ้างถึง element ที่อยู่ในหน้าเว็บเพจปัจจุบัน

by M008 » 08/06/2013 6:25 pm

All Selector ("*"): jQuery เป็นการใช้ Selectors เพื่ออ้างถึง element ที่อยู่ในหน้าเว็บเพจปัจจุบัน
Syntax

Code: Select all

$("*")
Code:

Code: Select all

<html>
<head>
<style>
	h3 { margin: 0; }
	div,span,p {
	width: 80px;
	height: 40px;
	float:left;
	padding: 10px;
	margin: 10px;
	background-color: #EEEEEE;
}
</style>
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){

	var elementCount = $("*").css("border","3px solid red").length;
	$("body").prepend("<h3>" + elementCount + " elements found</h3>");

	});
</script>
</head>
<body>
	 <div>DIV</div>

	  <span>SPAN</span>
	  <p>P <button>Button</button></p>
</body>
</html>
ผลลัพธ์
15.jpg
15.jpg (25.68 KiB) Viewed 698 times
คำอธิบายใต้รูป
จากตัวอย่างมีการใช้ $("*") และทำการกำหนด css ให้กับ element ทั้งหมดที่อยู่ในหน้าเว็บเพจ

Top