JQuery扼要

1 什么是Jquery?

     Jquery它是javascript的一个轻量级框架，对javascript进行封装，它提供了很多方便的选择器。供你快速定位到需要操作的元素上面去。还提供了很多便捷的方法。

2 怎么使用Jquery?

Jquery它是一个库(框架)，要想使用它，必须先引入！

              jquery-1.8.3.js：一般用于学习阶段。<script src="../../js/jquery-1.8.3.js"></script>

              jquery-1.8.3.min.js：用于项目使用阶段。  <script src="../../js/jquery-1.8.3.min.js"></script>

3.所有的jquery代码写在页面加载函数里面

$(function(){

    Jquery代码

});

注意：JQ对象只能操作JQ里面的属性和方法

           JS对象只能操作JS里面的属性和方法。

4.获取元素

JS:document.getElementById();

JQ:$(“#id”);

5.基本选择器

      id选择器：$(“#id名称”);

      元素选择器：$(“元素名称”);

      类选择器：$(“.类名”);

      通配符：*

      多个选择器共用(并集)

6.层级选择器

      ancestor descendant: 在给定的祖先元素下匹配所有的后代元素(儿子、孙子、重孙子)

      parent > child : 在给定的父元素下匹配所有的子元素(儿子)

      prev + next: 匹配所有紧接在 prev 元素后的 next 元素(紧挨着的，同桌)

      prev ~ siblings: 匹配 prev 元素之后的所有 siblings 元素(兄弟)

7.过滤选择器

  $('li').first() 等价于：$(“li:first”)

8.属性选择器

例如：$("div[id='two']").css("background-color","pink");

9.表单选择器

例如：  $(":input").css("background-color","pink");

             $(":text").css("background-color","pink");

10  属性操作

11.遍历操作

        

12.文档插入

13 事件

 

 

 JQuery插件volidate可以用来校验表单