jquery基础知识第一讲之认识jquery

jQuery是一个优秀的Javascript库，它凭借简洁地语法和跨平台的兼容性，极大地简化了开发人员遍历HTML文档，操作DOM，处理事件，执行动画和开发Ajax操作。

jQuery优势：

1.轻量级

2.强大的选择器

3.出色的DOM操作的封装

4.可靠的事件处理机制

5.完善的Ajax

6.不污染顶级变量

7.出色的浏览器兼容性

8.链式操作方式

9.隐式迭代

10.行为层与结构层分离

11.丰富的插件支持

12.完善的文档

13.开源

（1）编写简单的jQuery代码:

注：$ 就是jQuery的简写形式。

（2）jQuery的代码风格

注：链式操作。

1、对同一个对象不超过3次操作的，可以写成一行。　　　　             

2、对于同一个对象操作较多的，建议每行写一个操作。

3、对于多个对象的少量操作，可以每个对象写一行，如果涉及子元素，可以考虑适当的缩进。

4、对于多个对象的较多操作，可以结合2,3条。

添加必要的注释。

#menu { 
  width:300px; 
}
.has_children{
  background : #555;
  color :#fff;
  cursor:pointer;
}
.highlight{
  color : #fff;
  background : green;
}
div{
  padding:0;
}
div a{
  background : #888;
  display : none;
  float:left;
  width:300px;
}







  
    第1章-认识jQuery
    1.1-Javascript和Javascript库
    1.2-加入jQuery
    1.3-编写简单jQuery代码
    1.4-jQuery对象和DOM对象
    1.5-解决jQuery和其它库的冲突
    1.6-jQuery开发工具和插件
    1.7-小结
  
  
    第2章-jQuery选择器
    2.1-jQuery选择器是什么
    2.2-jQuery选择器的优势
    2.3-jQuery选择器
    2.4-应用jQuery改写示例
    2.5-选择器中的一些注意事项
    2.6-案例研究——类似淘宝网品牌列表的效果
    2.7-还有其它选择器么？
    2.8-小结
  
  
    第3章-jQuery中的DOM操作
    3.1-DOM操作的分类
    3.2-jQuery中的DOM操作
    3.3-案例研究——某网站超链接和图片提示效果
    3.4-小结
  

（3）DOM对象与jQuery对象

DOM(document Object Model,文档对象模型)，每一个DOM都可以表示成一棵树。Javascript中的getElementById或者getElementByTagName来获取元素节点，这样的DOM元素就是DOM对象。

jQuery对象是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，可以使用jQuery中的方法，但不能使用DOM对象的方法。

注：jQuery对象都是通过$()函数制造出来的，$()函数就是一个jQuery对象的制造工厂。

  
  
  
  
  


  例子
  
你最喜欢的水果是?
  

    
苹果
    
橘子
    
菠萝
  

DOM对象与jQuery对象可以相互转换，案例如下：
1.DOM对象方式

  
  
  
  
  


  
  我已经阅读了上面制度.

2.jQuery对象方式

  
  
  
  
  


  
  我已经阅读了上面制度.

以上就是关于jquery学习的第一课，希望大家继续关注。