zoukankan      html  css  js  c++  java
  • JQuery--动画和DOM的增删查改常用函数总结

    jQuery的动画api
    animate
    jQuery设置动画
    animate({属性集合},时间);
    animate({属性集合},时间,回调函数);
    animate({属性集合},时间,运动曲线,回调函数);
    使用动画需要注意的:
    *      动画队列
    * 动画队列其实JQ动画的特点,只不过有时候这特特点很多时候不需要,
    * 所以我们要清空动画队列,实现效果
    *
    * 清空队列
    * 核心函数:
    * .stop()
    * 默认值:
    * .stop(true,false)
    * // 第一个参数:是否清除队列
    * // 第二个参数:是否跳转到最终效果




    获取元素的索引值
    .index()
    $(this).index() 获取当前元素在父级的索引值
    $(JQ对象集合).index(this) 获取当前元素在集合的索引值
    能够使用jQuery操作元素增删改查

    .append()
    .appendTo()
    .prepend()
    .prependTo()
    // 以下同级添加
    .after()
    .before()
    他们的详细用法:
    *  创建:
    * $('<标签名称>')
    *
    * 后添加:
    * $(分区).append(节点)
    * $(节点).appendTo(分区)
    *
    * 前添加:
    * $(分区).prepend(节点)
    * $(节点).prependTo(分区)
    *
    * 同级添加:
    * .after()
    * .before()



    .remove() 连带节点也会清空(连自己都清空)
    .empty() 只是清空节点内容(不包括自己)

    .replaceWith()
        例子:
        var str = '<p>这是个段落标签</p>';
         $('.father span').replaceWith(str);


    $('div')
    克隆
    .clone() 默认只克隆外观
    .clone(true) 深度克隆,外观和事件都克隆

    使用jQuery操作属性增删改查
    单属性修改
    .attr(属性,值)
    .prop(属性,值)
    多属性修改
    .attr({属性集合})
    .prop({属性集合})
    单属性获取
    .attr(属性)
    .prop(属性)
          * .attr() 和.prop() 函数大部分时候可以通用的
          * .prop() 专门用户获取表单属性checked,selected,disable
          * .attr() 专门用于获取和修改自定义属性 data-*



    如果属性没有,修改就是添加

    1.把属性设置成''
    2.removeAttr()
    removeProp()
    区别: removeAttr节点也会删除,而removeProp()只会删除节点内容,不会删除节点

    如果属性本来存在标签身上,那就是修改

    获取就是查找 例如:$('div')
  • 相关阅读:
    hive数据仓库入门到实战及面试
    clickhouse入门到实战及面试
    透过源码看懂Flink核心框架的执行流程
    hive经典练习题
    flink批处理从0到1学习
    flink基础篇
    flink进阶篇
    flink源码阅读
    spark优化总结
    uni-app跨平台移动应用开发
  • 原文地址:https://www.cnblogs.com/mrszhou/p/7780182.html
Copyright © 2011-2022 走看看