jQuery ?? ??? (1)
?? ???
???? ??? ?? ?? ??? "$()"? ???? ???. CSS ??? ??? ?? jquery ??? ?????.
?? ??? ?? ??? ?? ??? ???? ???????.
?? ?? ID ???? ???
id ???? ???? div ??? ??? ??? ?????
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>選擇器</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('#dv').css("color","red");
})
</script>
</head>
<body>
<div id="dv">php 中文網(wǎng)</div>
</body>
</html>CSS??? ??? ?????
#dv{
color: red; //??? ??
}
jquery??? ?? ??? ?????, ? ??? ??? ???? ???. ??>
?? ??? ????? ?? ????? ???? ?????? ? id ??????<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>選擇器</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("div").css("color","#f60");
})
</script>
</head>
<body>
<div>php 中文網(wǎng)</div>
<div>php 中文網(wǎng)</div>
<div>php 中文網(wǎng)</div>
</body>
</html>? ??? ?? div ??? ?? ? ?? ID? ???? ?? ?? ??? $("?? ??")? ???? ???. ????? ????? ??? ???????.<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>選擇器</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$(".dv1").css("color","green");
})
</script>
</head>
<body>
<div class="dv1">php 中文網(wǎng)</div>
<div>php 中文網(wǎng)</div>
<div class="dv1">php 中文網(wǎng)</div>
</body>
</html>??? ???? ???? CSS ???? ??? ? .class ??? ??? ?? style , ?? jquery?? $(".dv1")? ?? ???? ???. ?? ??: ID? ???? ? ?? ???? ??? ? ????. ??? jquery? ???? ?? ??? ???? ????. ? ???? ?? ?? ID? ???? ?? ??? ????? ???? ??? ????. ??? ???? ? ???? ? ???? ???. id? ? ?? ??? ? ????. <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>選擇器</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
alert($("#dv").size());
})
</script>
</head>
<body>
<div id="dv">php 中文網(wǎng)</div>
<div id="dv">php 中文網(wǎng)</div>
<div id="dv">php 中文網(wǎng)</div>
</body>
</html>3?? ????. , ??? ??? ??? 1???.??? class<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>選擇器</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
alert($(".dv").size());
})
</script>
</head>
<body>
<div class="dv">php 中文網(wǎng)</div>
<div class="dv">php 中文網(wǎng)</div>
<div class="dv">php 中文網(wǎng)</div>
</body>
</html>? ???? ?? ??? ??? 3???.?? ?? ??: <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>選擇器</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
alert($("div").size());
})
</script>
</head>
<body>
<div class="dv">php 中文網(wǎng)</div>
<div class="dv">php 中文網(wǎng)</div>
<div class="dv">php 中文網(wǎng)</div>
</body>
</html> ??? ???????. 3???
