淡入淡出:fadeIn fadeOut fadeToggle fadeTo

  淡入:fadeIn(speed[,callback])   速度和回调函数 回调函数可以写匿名函数,或者方法名不加括号。

      speed 为‘slow’或 1000      毫秒数不加引号

  淡出:fadeOut 同上

  交替 fadeToggle 自动切换进出 同上

  fadeTo 多了一个选项可设置透明度 fadeTo(speed,opacity,callback);

折叠展开 slideDown slideUp slideToggle

  展开 折叠 交替  slideDown(speed,callback); 其他同上。

查找元素

  兄弟

    siblings()所有兄弟元素,上下都查

    next()下一个兄弟元素  后面加.slideup()等继续操作   next括号里为选择器。

    nextall()下面所有的兄弟元素

    nextUntil() 查找下面的兄弟元素直到括号里的选择器为止。

    prev()前一个兄弟元素

    prevall()前面所有的兄弟元素

    prevUntil()查找上面的兄弟元素直到括号里的选择器为止。

  父级

      parent() 直接父元素,只能找到上一层的父元素

    parents()找到所有父元素直到html

    parentsUntil()  

    eg:aa.parentsUntil('cc')      cc为aa很多级的父元素,此方法能找到aa到cc不包括两端的父元素。

  后代

    children()直接子元素

    find(选择器)  查找jqdom.的某个名字的子元素,选择器必须写

过滤

  first() 第一个  
  last()最后一个
  eq()下标
  fliter()

    1.从选取的jqdom中挑出fliter()括号里的特别选出的。

      比如 jqdom.fliter('.aa')  选取里面class为aa的 括号里为选择器。可多选,逗号隔开,共用一个引号。

    2. 加回调函数   回调函数返回值为布尔类型。
          $('li').filter(function(index) {
              return index%2 == 0;     或   return $(this).html() ==      可以挑当内容为什么时,改背景色等
          }).css('background-color', 'red');
    这里传的参数index只是下标
    加回调函数时前面不能加选择器

遍历

  each()

    jqdom.each(function(){})

    $.each(jqdom,function(){})

      其中function(key,value)若为数组则可以传值获取。

  map()

    $.map(attr,function(value,key){
          return key+value;
    })

  注意:each 和map 的key 和value 相反

  

jq 方法函数(淡入淡出,查找元素,过滤)遍历的更多相关文章

  1. jquery的fadeTo方法的淡入淡出轮播图插件

    由于对基于jquery的简单插件开发有了一定的了解,慢慢的也对基于jquery的插件开发有了兴趣,在上班结束之后就研究各种插件的思路逻辑.最近开发了一款基于jquery的fadeTo方法的轮播图插件, ...

  2. jQuery 学习02——效果:隐藏/显示、淡入淡出、滑动、动画、停止动画、Callback、链

    jQuery 效果- 隐藏hide()和显示show() 语法: $(selector).hide(speed,callback);$(selector).show(speed,callback); ...

  3. jQuery_效果(淡入淡出)

    1.jQuery fadeIn() 方法( 用于淡入已隐藏的元素.) 语法: $(selector).fadeIn(speed,callback); 可选的 speed 参数规定效果的时长.它可以取以 ...

  4. Jquery_效果-隐藏显示、淡入淡出、滑动面板、简单的动画队列

    1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="U ...

  5. Jquery小例子:全选按钮、加事件、挂事件;parent()语法;slideToggle()语法;animate()语法;元素的淡入淡出效果:fadeIn() 、fadeOut()、fadeToggle() 、fadeTo();function(e):e包括事件源和时间数据;append() 方法

    function(e): 事件包括事件源和事件数据,事件源是指是谁触发的这个事件,谁就是事件源(div,按钮,span都可以是事件源),时间数据是指比如点击鼠标的事件中,事件数据就是指点击鼠标的左建或 ...

  6. Unity3D 4.61 实现淡入淡出的场景过渡方法。

    还在学习过程中,如果有大大看到请指点. orz原来官方就有了更好的处理方法的教程,具体查看下面视屏. [Unity官方实例教程 秘密行动] Unity官方教程<秘密行动>(五) 屏幕渐变效 ...

  7. 【jQuery】使用JQ来编写面板的淡入淡出效果

    本文与上一篇的<[jQuery]使用JQ来编写最主要的淡入淡出效果>(点击打开链接)为姊妹篇. 但上一篇仅仅是对文本的基本控制,本篇则是对面板元素进行控制. 尽管功能上很类似,可是所用到的 ...

  8. 今天依然是 JQ点击事件之“点击淡入淡出事件”

    废话不多说,先贴代码,再解释 <script> $(document).ready(function(){ $("button").click(function(){ ...

  9. jq从数组中删除指定元素(根据自定义条件) 超好用的 $.grep() 方法

    转: jQuery.grep() 什么是jQuery.grep()? jQuery.grep()是一个查找满足过滤函数的数组元素的函数.原始数组不受影响,返回值为数组. 用法介绍: 写法: jQuer ...

随机推荐

  1. linux的chmod,chown命令 详解

    指令名称 : chmod 使用权限 : 所有使用者 使用方式 : chmod [-cfvR] [--help] [--version] mode file... 说明 : Linux/Unix 的档案 ...

  2. 比较两个时间的大小 举例:CompareDate("12:00","11:15")

    //比较两个时间的大小 举例:CompareDate("12:00","11:15") function CompareDate(t1, t2) { var d ...

  3. 自动刷github提交记录

    前言 进入自己github主页会看到自己的提交记录,如果某天没有提交记录,那天的小方框就显示灰色.强迫症的我,每次进来看着就感觉不爽, 想着自己每天记得提交点东西,争取像阮一峰大神一样,每天都有提交记 ...

  4. javascript中菜单栏切换案例

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. php 生成不重复的随机字符串

    md5(uniqid(md5(microtime(true)),true))

  6. PHP魔术方法__tostring()篇

    下面是关于__tostring 的运用 header('Content-type:text/html;charset="utf-8"'); /*存在内置方法_tostring()的 ...

  7. iOS9 & Xcode7 下设置LaunchImage启动图片 问题及解决

    最近在学习iOS开发,碰到一个设置启动图片的问题,怎么也搞不定,综合网上种种资料后Done,现在把完整过程写一下. 这里以建立一个空的Single View Application 为演示基础. 1. ...

  8. CorelDRAW 2018新增功能介绍

    2018年4月11日,CorelDRAW 2018正式对外发布,最新版设计软件包已经过全面更新,是近几年来发行的最强大版本,可协助绘图专业人士将创意转换为令人惊艳的专业视觉设计.CorelDRAW 2 ...

  9. JavaScript中必记英语单词及含义

    reflow[ri'flo]:回流,重构(通过css改变页面的结构,比如一行元素,其中一个元素的高改变了,那么其他元素的位置也都会改变) repaint['ripent]:重绘(只改变页面的样式,比如 ...

  10. 陆、jq基础语法

    一.概述:更加方便的处理html文档.events事件.动画效果和ajax交互等. 1.jq主要功能: (1)访问页面框架的局部. (2)修改页面表现 (3)更改页面的内容 (4)响应事件 (5)为页 ...