html 、css 与 jQuery随笔
HTML是一种处理文档结构的标记语言，html提供了web页面的结构，而层叠样式表CSS只是用来控制这些元素的外观和位置，JavaScript和jQuery提供脚本，来控制这些元素的行为或功能。HTML和CSS能控制web页面如何构建和显示，但是他们都无法为web页面增加行为，想要增加行为，我们需要一个脚本语言，jQuery正是我们需要的。
向浏览器下达指令所用的语言是JavaScript，所有浏览器都提供了一个内置的JavaScript解释器，它会得到你在< script >标记之间编写的指令，并把这些指令翻译成web页面上的不同动作。
jQuer是一个专门用来动态改变web页面文档的JavaScript库，jQuery就是JavaScript，只不过是一个好用得多的版本，jQuery写在< script> 标签之间。
- $ 符号是jQuery的简写名，$( ) 和 jQuery( ) 作用一样，都是获取括号中指定的元素。
如果在括号中放入css选择器，jQuery会返回与这个选择器匹配的元素集。
如果在（）中放入html串，可以动态向浏览器DOM元素。
1、 css选择器
元素选择器：
h1{
text-align:lift；
}
类选择器：
.my-calss{
position：absolute；
}
ID选择器：
#my_id {
color: #3300FF;
}
2、 jQuery选择器
jquery元素选择器:
( 隐藏页面上的所有h1元素 )
$(“h1”),hide();
jQuery类选择器：
( 所有作为css类my-class成员的元素都向上滑动 )
$(".my-class").slideUp();
jQuery ID选择器：
( 这个jQuery语句将css ID 为my_id的元素淡出，直到不可见 )
$(“my_id”).fadeOut();
css选择器选择元素来为这些元素增加样式，jQuery选择器选择元素来为这些元素增加行为。
举例：
需实现的功能是---->当人们点击页面上的“Show me the picture!”时，图片会下滑并淡入出现。
<!DOCTYPE html>
<html>
<body>
<div id="clickMe">Show me the picture!</div>
<div id="picframe">
<img src="">
</div>
<script src="script/jquery-1.6.2.min.js"></script>
<script>
$(document).ready(function(){
//将ID为clickMe的按钮与click事件连接，使这个按钮可以单击
$("#clickMe").click(function(){
//先在图像上运行淡入效果
$("img").fadeIn(1000);
//滑动
$("#picframe").slideToggle("slow");
});
});
</script>
</body>
</html>
#clickMe{
...
display:block;
...
}
#picframe{
...
display:none;
...
}
ID唯一标识页面上的一个元素，类class可以标识页面上一个或多个元素。
应将< script >标记放在最下面，即< /body >标记的前面，因为一旦浏览器遇到一个 < script >标记就不能再并行地下载多个元素了。