jQuery优势
1. 轻量级
2. 强大的选择器
3. 出色的DOM操作的封装
4. 可靠的事件处理机制
5. 完善的Ajax
6. 不污染顶级变量
7. 出色的浏览器兼容性
8. 链式操作方式
9. 隐式迭代
10. 行为层与结构层的分离
11. 丰富的插件支持
12. 完善的文档
13. 开源
jQuery代码的编写
<script type="text/javascript">
$(document).ready(function(){
....
});
</script>
优点:
DOM结构绘制完就执行;
能同时编写多个;
可简写成:
<script type="text/javascript">
$(function(){
....
});
</script>
风格
同一对象不超过3个操作,写一行;
同一对象较多操作,一行一个操作,或以功能块来换行;
多个对象少量操作,每对象一行,子元素适当缩进;
多个对象多个操作,结合上面。
jQuery对象和DOM对象
Var $variable = jQuery对象;
Var variable = DOM对象
获取元素代码
CSS
.demo{
…
}
jQuery
$(".demo")
...
检查元素是否存在
获取长度判断:
If ( $("#tt") .length > 0 ) {
//do something
}
或转换为DOM对象判断:
If ( $("#tt") [0] ) {
//do something
}