web第六天jquery

jquery

1. 什么是jquery：就是写好的一段js，引入就行
2. 获取：官网下载

3. 使用：

   （1）使用
       <script type="text/javascript">
           $(function(){
               alert("ok");
           });
       </script>//用验证jquery是否生效
   

1.选择器

1. 元素 class id 伪类
2. 属性

3. 使用方式和css差不多

   （1）并列：$("div,span,p.myClass")
   （2）家族：$("form input")
   （3）父子：$("form > input")
   （4）紧邻：$("label + input")
   （5）同辈：$("form ~ input")
   

   4.jquery 伪类：略
   
   

2.事件

1. 浏览器：ready scroll
2. 鼠标：click hover blur mousexxx…
3. 键盘：keyup
4. 事件处理方式bind trigger：单步触发
   

3.DOM

1. HTML

   属性：attr removeattr
   元素节点：html text val
   

2. css

   class操作：addclass removeclass    toggleclass
   直接css操作
   

3.动画

1. show hide toggle
2. slideDown ….
3. fadein fadeout fadetoggle fadeto
4. 自营定义动画：animate stop delay