jQuery ??
??? ??????
jQuery ??? "??"? ???? ?? ???? ??? ???? HTML ??? "??"(?? ??)?? ? ?????. ?? ???? ???? ??? ??? ??? ??? ? ?? ??? ?? ?????.
?? ??? ???? ?????. jQuery ??? ???? ???(??) ???? ???? ????? ?? ??(??), ???(??), ????(??) ??? ? ????. ??? ???? DOM ????? ???.
?? ??:
<div> ??? <ul>? ?? ???? ? ?? ?? ?? ???? ?????.
<ul> ??? <li> ??? ?? ?????.
??? <li> ??? <span>
- ??? ????
- ? ?? ????
- ?
? ?? ?????.? ?? <li> ??? ?????(??? ?? ??? ??).
???? <li> ??? <b>? ?? ????, <ul>? ?? ????, <div>? ?? ?????.
<b> ??? ???? ?? <li>? ?? ???? <ul> ? <div>? ?? ?????.
DOM ??
jQuery? DOM ??? ?? ??? ??? ?????.
?? ??? ?? ? ??? ?? ??(tree-traversal)???.
? ?? ?????.
???? ??
???
||
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("li").each(function(){
alert($(this).text())
});
});
});
</script>
</head>
<body>
<button>輸出每個列表項的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>
