<html>
<head>
<meta charset=
"utf-8"
>
<title>jQuery基本选择器</title>
<script type=
"text/javascript"
src=
"js/jquery-1.x.js"
> </script>
</head>
<body>
<p id=
"idp"
>DOM对象与jQuery对象的相互转化</p>
<p
class
=
"classp"
>jQuery对象不能直接使用DOM对象的方法,</p>
<p
class
=
"classp"
>但可以通过将jQuery对象转换成DOM对象后再调用其方法。</p>
<span
class
=
"classSpan"
>基本选择器是jQuery中最常用的选择器</span>
<script type=
"text/javascript"
>
$(
function
(e){
$(
"#idp"
).css(
"color"
,
"blue"
);
$(
".classp"
).css(
"background-color"
,
"#dddddd"
);
$(
"span"
).css(
"background-color"
,
"gray"
).css(
"color"
,
"white"
);
$(
"*"
).css(
"font-size"
,
"20px"
);
$(
"#idp,.classSpan"
).css(
"font-style"
,
"italic"
);
});
</script>
</body>
</html>