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')

JQuery--动画和DOM的增删查改常用函数总结的更多相关文章

  1. Dom的增删查改以及常用事件

    dom的增删查改 // 查 var _input = document.getElementById('_input'); var _div = document.getElementsByClass ...

  2. Elasticsearch(ES)API 增删查改常用操作

    常用操作 查询所有数据 POST http://192.168.97.173:27009/logstash_test_2018/doc/_search { "query": { & ...

  3. jQuery-DOM增删查改

    1.绑定事件 $().事件名(function(){功能}) 事件名:鼠标事件 键盘事件 表单事件 事件委托:$().on('事件名',#####'target',function(){功能}) 额外 ...

  4. 2015.8.2 jdbc实现商品类的增删查改

    在惠普济宁基地进行了两周sql和java的学习,学到很多东西 刚才实现了用jdbc访问数据库对数据库进行操作,是用eclipse写的,过几天移植到NetBeans上,个人还是比较习惯看图形化界面 前几 ...

  5. CATransition:视图替换动画:子视图的增删查改

    CATransition通常用于通过CALayer控制UIView内子控件的过渡动画,比如删除子控件,添加子控件,切换两个子控件等. 用于子视图的增删查改:

  6. 一套手写ajax加一般处理程序的增删查改

    倾述下感受:8天16次驳回.这个惨不忍睹. 好了不说了,说多了都是泪. 直接上代码 : 这个里面的字段我是用动软生成的,感觉自己手写哪些字段太浪费时间了,说多了都是泪 ajax.model层的代码: ...

  7. 极极极极极简的的增删查改(CRUD)解决方案

    去年这个时候写过一篇全自动数据表格的文章http://www.cnblogs.com/liuyh/p/5747331.html.文章对自己写的一个js组件做了个概述,很多人把它当作了一款功能相似的纯前 ...

  8. 3.EF 6.0 Code-First实现增删查改

    原文链接:http://www.c-sharpcorner.com/UploadFile/3d39b4/crud-operations-using-entity-framework-5-0-code- ...

  9. 5.在MVC中使用泛型仓储模式和工作单元来进行增删查改

    原文链接:http://www.c-sharpcorner.com/UploadFile/3d39b4/crud-operations-using-the-generic-repository-pat ...

随机推荐

  1. Gym - 100543L

    Gym - 100543Lhttps://vjudge.net/problem/153854/origin区间dp,要从区间长度为1开始dp #include<iostream> #inc ...

  2. HZOI2019建造游乐园(play)组合数学,欧拉图

    题目:https://www.cnblogs.com/Juve/articles/11186805.html(密码是我的一个oj用户名) solution: 反正我是想不出来... 题目大意就是要求出 ...

  3. Ionic跳转到外网地址

    1.安装插件 https://github.com/apache/cordova-plugin-inappbrowser 执行命令:cordova plugin add org.apache.cord ...

  4. 【python之路46】内置函数2,是【python之路18】的补充

    将3.5版本中的68个内置函数,按顺序逐个进行了自认为详细的解析.为了方便记忆,将这些内置函数进行了如下分类: 数学运算(7个) 类型转换(24个) 序列操作(8个) 对象操作(7个) 反射操作(8个 ...

  5. [转]js模块化(一)

    java有类文件.Python有import关键词.Ruby有require关键词.C#有using关键词.PHP有include和require.CSS有@import关键词,但是对ES5版本的ja ...

  6. 深入浅出 Java Concurrency (11): 锁机制 part 6 CyclicBarrier[转]

    如果说CountDownLatch是一次性的,那么CyclicBarrier正好可以循环使用.它允许一组线程互相等待,直到到达某个公共屏障点 (common barrier point).所谓屏障点就 ...

  7. 用 vue 脚手架 vue-cli 初始化(新建)项目

    前提:已经安装 node.js 和 git 1.在需要创建的文件夹中,右击 -> Git  Bush Here ,然后输入命令 vue init webpack "文件名"( ...

  8. 海量大数据大屏分析展示一步到位:DataWorks数据服务+MaxCompute Lightning对接DataV最佳实践

    1. 概述 数据服务(https://ds-cn-shanghai.data.aliyun.com) 是DataWorks产品家族的一员,提供了快速将数据表生成API的能力,通过可视化的向导,一分钟“ ...

  9. NOIP2017到都不签签记

    day 0: 校内开运动会,但是还是在机房学习了一天. 感觉上并没有多大用处,主要只是活跃一下思维而已. 然后就晚上上车出发去酒店. 下了个游戏王. 晚上叫了波宅急送,然后硬是腐了一个晚上. day ...

  10. EL表达式如何读取一个string型的list 一个单纯的的字符串list

    <c:forEach begin="0" end="${columnList.size()-1}" var="i"> ${ co ...