โดย M008 » 08/06/2013 6:25 pm
All Selector ("*"): jQuery เป็นการใช้ Selectors เพื่ออ้างถึง element ที่อยู่ในหน้าเว็บเพจปัจจุบัน
Syntax
Code:
โค้ด: เลือกทั้งหมด
<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 (25.68 KiB) Viewed 2575 times
คำอธิบายใต้รูป
จากตัวอย่างมีการใช้ $("*") และทำการกำหนด css ให้กับ element ทั้งหมดที่อยู่ในหน้าเว็บเพจ
[b]All Selector ("*")[/b]: jQuery เป็นการใช้ Selectors เพื่ออ้างถึง element ที่อยู่ในหน้าเว็บเพจปัจจุบัน
[b]Syntax[/b]
[code]$("*")[/code]
[b]Code[/b]:
[code]<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>[/code]
[b]ผลลัพธ์[/b]
[attachment=0]15.jpg[/attachment]
[b]คำอธิบายใต้รูป [/b]
จากตัวอย่างมีการใช้ $("*") และทำการกำหนด css ให้กับ element ทั้งหมดที่อยู่ในหน้าเว็บเพจ