黑马程序员技术交流社区

标题: 【成都校区24期】JQuery [打印本页]

---

作者: 山有丶木兮    时间: 2019-5-24 11:08
标题: 【成都校区24期】JQuery
## 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

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2