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')
JQuery--动画和DOM的增删查改常用函数总结的更多相关文章
- Dom的增删查改以及常用事件
dom的增删查改 // 查 var _input = document.getElementById('_input'); var _div = document.getElementsByClass ...
- Elasticsearch(ES)API 增删查改常用操作
常用操作 查询所有数据 POST http://192.168.97.173:27009/logstash_test_2018/doc/_search { "query": { & ...
- jQuery-DOM增删查改
1.绑定事件 $().事件名(function(){功能}) 事件名:鼠标事件 键盘事件 表单事件 事件委托:$().on('事件名',#####'target',function(){功能}) 额外 ...
- 2015.8.2 jdbc实现商品类的增删查改
在惠普济宁基地进行了两周sql和java的学习,学到很多东西 刚才实现了用jdbc访问数据库对数据库进行操作,是用eclipse写的,过几天移植到NetBeans上,个人还是比较习惯看图形化界面 前几 ...
- CATransition:视图替换动画:子视图的增删查改
CATransition通常用于通过CALayer控制UIView内子控件的过渡动画,比如删除子控件,添加子控件,切换两个子控件等. 用于子视图的增删查改:
- 一套手写ajax加一般处理程序的增删查改
倾述下感受:8天16次驳回.这个惨不忍睹. 好了不说了,说多了都是泪. 直接上代码 : 这个里面的字段我是用动软生成的,感觉自己手写哪些字段太浪费时间了,说多了都是泪 ajax.model层的代码: ...
- 极极极极极简的的增删查改(CRUD)解决方案
去年这个时候写过一篇全自动数据表格的文章http://www.cnblogs.com/liuyh/p/5747331.html.文章对自己写的一个js组件做了个概述,很多人把它当作了一款功能相似的纯前 ...
- 3.EF 6.0 Code-First实现增删查改
原文链接:http://www.c-sharpcorner.com/UploadFile/3d39b4/crud-operations-using-entity-framework-5-0-code- ...
- 5.在MVC中使用泛型仓储模式和工作单元来进行增删查改
原文链接:http://www.c-sharpcorner.com/UploadFile/3d39b4/crud-operations-using-the-generic-repository-pat ...
随机推荐
- [转]在C#代码中应用Log4Net系列教程(附源代码)
Log4Net应该可以说是DotNet中最流行的开源日志组件了.以前需要苦逼写的日志类,在Log4Net中简单地配置一下就搞定了.没用过Log4Net,真心不知道原来日志组件也可以做得这么灵活,当然这 ...
- DBMS的四大特性
- light oj 1084 线性dp
#include <iostream> #include <algorithm> #include <cstring> #include <cstdio> ...
- PHP declare 之 strict_types=1
PHP中申明 declare(strict_types=1)的作用: strict_types=1 及开启严格模式.默认是弱类型校验.具体严格模式和普通模式的区别见下面代码. code1: < ...
- btree b+tree 的关系
btree: 平衡二叉树 b+tree:平衡和二叉树的变种,只在叶节点存储数据. mysql 索引使用的数据结构是 b+tree.
- python-基础-面象对象
1 类和对象 定义类 定义一个类,格式如下: class 类名: 方法列表 demo:定义一个Car类 # 定义类 class Car: # 方法 def getCarInfo(self): prin ...
- 数据库访问技术 odbc dao rdo uda jet oledb
一.UDA(UniversalDataAccess) 这是微软提供的通用数据访问策略.包括ADO.OLEDB和ODBC.它不光提供了数据库的访 问能力,对于其它的数据存储技术也同样支持,如目录服务.E ...
- 2018-11-19-windows-应用程序在关机时的退出代号
title author date CreateTime categories windows 应用程序在关机时的退出代号 lindexi 2018-11-19 14:31:38 +0800 2018 ...
- Leetcode114. Flatten Binary Tree to Linked List二叉树展开为链表
给定一个二叉树,原地将它展开为链表. 例如,给定二叉树 1 / \ 2 5 / \ \ 3 4 6 将其展开为: 1 \ 2 \ 3 \ 4 \ 5 \ 6 class Solution { publ ...
- Apache Flink 1.9重磅发布!首次合并阿里内部版本Blink重要功能
8月22日,Apache Flink 1.9.0 版本正式发布,这也是阿里内部版本 Blink 合并入 Flink 后的首次版本发布.此次版本更新带来的重大功能包括批处理作业的批式恢复,以及 Tabl ...