zoukankan      html  css  js  c++  java
  • jQuery知识点

    1、jQuery 效果

      hide() 隐藏  show()显示  toggle()切换显示隐藏

        语法(speed,callback)   speed规定隐藏显示的速度 slow fast 还有毫秒(2000) callback回调函数 执行完之后再执行函数

      fadeIn()淡入  fadeOut()淡出  fadeToggle()切换淡入淡出  fadeTo()给定的不透明度(在0-1之间)

        语法(speed,callback)   speed规定隐藏显示的速度 slow fast 还有毫秒(2000) callback回调函数 执行完之后再执行函数  

      slideDown()向上滑动  slideUp()向下滑动  slideToggle()切换向上向下滑动

        语法(speed,callback)   speed规定隐藏显示的速度 slow fast 还有毫秒(2000) callback回调函数 执行完之后再执行函数

      animate()创建自定义动画  操作多个属性之间用 , 隔开

        语法({parms},speed,callback)  parms参数定义形成动画的css属性 speed规定隐藏显示的速度 slow fast 还有毫秒(2000) callback回调函数 执行完之后再执行函数

      stop()停止动画

        语法(stopAll,goToEnd)  stopAll规定是否清除动画 默认是false   goToEnd规定是否立即完成当前动画 默认是false  

    2、jQuery HTML

      获取内容 

        text()设置或者返回所选元素的文本内容

        html()设置或返回所选元素的html内容(包含标签)

        val()设置或返回表单字段的值

      获取属性 

        attr()获取的是所选元素的直接属性

      添加方法

        append()在被选元素内的结尾添加  添加多个元素用 , 隔开

        prepend()在被选元素内的开头添加 添加多个元素用 , 隔开

        after()在被选元素之后插入内容  添加多个元素用 , 隔开

        before()在被选元素之前插入内容  添加多个元素用 , 隔开

      删除元素

        remove()删除被选元素(及其他的子元素) 删除的时候是彻底移除  还能接受参数进行过滤

        empty()删除被选元素的子元素   清空其子元素  本身不会清除

      获取并设置css类

        addclass()向被选元素添加一个多个类 中间用 , 隔开

        removeclass()删除一个多个类 中间用 , 隔开

        togglecalss()进行添加/删除类的切换

        caa()设置或返回样式属性 一个或多个  他与attr相似 但是attr是返回的直接属性 css是返回的是样式

      尺寸

        width() height()  不包括内边距 边框 外边距

        innerWidth() innerHeight()  包括内边距 不包括边框 和外边距

        outerWidth() outerHeight()  包括内边距和边框  不包括外边距

        outerWidth(true) outerHeight(true)  包括内边距和边框外边距

        $(document).height()/width()  设置文档宽高

        $(window).height()/width()  设置窗口宽高

    3、jQuery 遍历

      所有的父级

        parent()返回被选元素的直接父级(爸爸)

        parents()返回被选元素的所有的父级

          parentUntil()返回介于俩个被选元素的之间所有的父级元素 但是不包括parentsUntli("div")括号里面的

      所有的子级

        childen()返回被选元素的所有的子级

        find("div") 返回被选元素的所有div子级

        find("*") 返回被选元素的所有子级

      同胞 兄弟

        siblings() f返回被选元素的所有兄弟元素

          next() 返回被选元素的下一个兄弟元素

        nextAll()  返回被选元素跟随之后的所有兄弟元素

        nextUntil() 返回介于两个给定参数之间的所有跟随的同胞元素  不包括括号内的元素

        prev(), prevAll() & prevUntil() 方法 是上的意思 与next() nextAll() nextUntli()相反 它们返回的是前面的同胞元素(在 DOM 树中沿着同胞元素向后遍历,而不是向前)。

      过滤

        first()  返回被选元素的首个元素

        last()  返回被选元素的最后一个元素

        eq()  方法返回被选元素中带有指定索引号的元素。索引号从 0 开始,因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个 <p> 元素(索引号 1)

  • 相关阅读:
    基于Zabbix 3.2.6版本的Discovery
    Zabbix 3.2.6使用注意事项
    Zabbix 3.2.6安装过程
    自动安装lnmp
    [ORACLE]PL/SQL 用户登录出现ORA-12170:TNS:连接超时 等Oracle无法正常登录问题解决方案
    [ORACLE]尝试加载 Oracle 客户端库时引发 BadImageFormatException。如果在安装 32 位 Oracle 客户端组件的情况下以 64 位模式运行,将出现此问题。
    页面从简体字乱码为另外的简体字
    VScode使用问题总结
    数据备份与恢复
    BinLog日志
  • 原文地址:https://www.cnblogs.com/songhao/p/10300752.html
Copyright © 2011-2022 走看看