01.
<html>
02.
<head>
03.
<title>ThaiCreate.Com jQuery Tutorials</title>
04.
<style>
05.
div { width:100px; height:80px; margin:5px; float:left; background:
#b9e }
06.
</style>
07.
<script type=
"text/javascript"
src=
"jquery-1.6.4.js"
></script>
08.
<script type=
"text/javascript"
>
09.
10.
$(document).ready(
function
(){
11.
12.
$(
"div button:only-child"
).text(
"Alone"
).css(
"border"
,
"2px blue solid"
);
13.
14.
});
15.
16.
</script>
17.
</head>
18.
<body>
19.
20.
<body>
21.
<div>
22.
<button>Sibling!</button>
23.
<button>Sibling!</button>
24.
</div>
25.
26.
<div>
27.
<button>Sibling!</button>
28.
</div>
29.
<div>
30.
None
31.
</div>
32.
33.
<div>
34.
<button>Sibling!</button>
35.
<button>Sibling!</button>
36.
<button>Sibling!</button>
37.
38.
</div>
39.
<div>
40.
<button>Sibling!</button>
41.
</div>
42.
43.
</body>
44.
</html>