A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 山有丶木兮 初级黑马   /  2019-5-24 11:08  /  648 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

## JQuery动画

#### 1. 能够了解JQuery的动画效果

- 正常的显示和隐藏   
  - 显示 show("normal/slow/fast"/  毫秒值,"swing/linear",callback)  swing:默认值     linear线型:匀速

    callback可以设置回调函数,监听动画执行完成后进行的操作

  - 隐藏 hide()

  - 开关 toggle()

- 滑动类的动画

  - slidedown : 下滑
  - slideup:上滑
  - slideToggle:开关滑出滑入

- 渐变的效果:

  - fadein:淡入
  - fadeout:淡出
  - fadetoggle:开关控制

#### 2. 能够使用JQuery循环遍历 *****

- JavaScript:for(初始化值;循环结束条件;步长)

  > JS方式遍历获取的每一个对象其实都是JS对象    $(JS对象)

  -  break:结束循环体
  - continue:结束本次循环,下次循环继续

- JQ对象:jq对象.each(Object,callback)

  - jq对象.each(function(index,element){     })

    注意: this, element:是JS对象

  - return true:代表continue   false:break

#### 3. 能够使用JQuery进行事件的绑定操作

- jq对象.事件方法(回调函数);

  - jq对象.click(function(){       });  点击事件
  - jq对象.submit()  让表单提交

- jq对象.on("事件名称",回调函数)

  jq对象.off("事件名称")

#### 4. 能够使用JQuery进行完成广告显示和隐藏案例

- 使用到的技术:

  - 使用定时器  
    - setTimeOut(毫秒值,方法,function(){}):隔指定的毫秒值后执行对应的方法
    - setInterval(毫秒值,方法):间隔一段时间执行
  - 显示和隐藏的动画效果

  ```javascript
    setTimeout(function(){
                 adShow();
                 setTimeout(adHide,5000);
             },3000);
  ```

  

#### 5. 能够理解JQuery抽奖案例

#### 6. 能够理解JQuery插件机制





Ajax 去异步请求  ----得到结果集  ----  遍历?----JQuery

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马