jQuery ?? ???
?? jQuery? ?? ?????. jQuery? ? ????? ??? ?? ??? ??? ? ?? ??? ???? ???? ???? ?? ?????. ??? jQuery? ?? ???? ?? ?????.
jQuery? ?? ???? jQuery?? ?? ?? ???? ????? ?? ??? ?????? ???. ?? ??? ID, CLASS, ??? ?? ELEMENT? ?? ?????. ?. HTML? DOM ??. ? ????? ? ID ??? ? ?? ??? ? ??? ???? ????? ??? ? ????. jQuery ????????? ??? ?? ???? ???? ???? ??? ??? ? ???, ???? ?? ????? ?? ???????. ? ? ???? ?? ?? ??? HTML ?? ??? ?????.
<div id="mydiv"> <div class="mini">我是一個(gè)名為mini的div標(biāo)簽</div> <div class="mini">我是一個(gè)名為mini的div標(biāo)簽</div> <div class="mini">我是一個(gè)名為mini的div標(biāo)簽</div> <p>我是一個(gè)段落p標(biāo)簽</p> <span>我是一個(gè)行內(nèi)span標(biāo)簽</span> <div>
?? ?? ??? ?? ???? ?? ????? ?? ???????
1. ID ???
Selector: #id
??: ??? ID? ???? ??? ??
??: ?? ??
?:
<script type="text/javascript"> $(document).ready(function(){
//id選擇器 $("#mydiv").css("background","#f96");
});</script>
??: ID? mydiv
2? ??? ???? ?????. ??? ???
Selector: .class
??: ??? ??? ??? ???? ?? ??
??: ??? ??
?:
<script type="text/javascript"> $(document).ready(function(){
//class選擇器 $(".mini").css("background","#f96");
});</script>??: ??? ?? mini
???? ?? ?? ??
???: element
??: ??? ?? ??? ???? ?? ??
??: ??? ??
?:
??????:?? ??? <div>
Four? ?? ??? ???? ?????. ?? ??*
???: *
??: ???? ?? html ?? ??? ?????.
?? ?: ??? ??
?:
<script type="text/javascript"> $(document).ready(function(){
//element選擇器 $("div").css("background","#f96");
});</script>??: ?? html ?? ??? ??? ??
5. selector1, selector2, .... selectorN
Selector: selector,selector2,...selectorN
??: ? ???? ???? ??? ???? ?? ?????.
??: ?? ??
?:
<script type="text/javascript"> $(document).ready(function(){
//*選擇器 $("*").css("background","#f96");
});</script>??:??? ?? ? ?? p ??? ??? ??
