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 ...
随机推荐
- pin, port, cell, net
一幅图即可解释清楚: 更标准的官方解释:
- 省际联动distpicker插件的使用讲解
1.在使用input页面加载script的引用 <script src="js/distpicker/distpicker.data.js"></script&g ...
- Java虚拟机原理图解-- 1.2、class文件中的常量池
了解JVM虚拟机原理 是每一个Java程序员修炼的必经之路.但是由于JVM虚拟机中有很多的东西讲述的比较宽泛,在当前接触到的关于JVM虚拟机原理的教程或者博客中,绝大部分都是充斥的文字性的描述,很难给 ...
- SAS信用评分之逻辑回归的变量选择
SAS信用评分之逻辑回归的变量选择 关于woe的转化,这一部在之前的这篇文章:sas批量输出变量woe值中已经写了,woe也只是简单的公式转化而已,所以在这系列中就不细究了哈.这次的文章我想来讲逻辑回 ...
- hdu 1171 (背包或者母函数问题)
Problem Description Nowadays, we all know that Computer College is the biggest department in HDU. Bu ...
- PAT甲级——A1047 Student List for Course
Zhejiang University has 40,000 students and provides 2,500 courses. Now given the registered course ...
- netbeans 8.2 系统找不到指定的文件。
系统找不到指定的文件.Using CATALINA_BASE: "C:\Users\wishr\AppData\Roaming\NetBeans\8.2\apache-tomcat-8.0. ...
- 【DM642学习笔记七】缓冲区管理BufferManagement
(参考文档:The TMS320DM642 VideoPort Mini-Driver ——3.2 Buffer Management) 认识输入/输出视频数据的缓冲区管理,有利于对视频图 ...
- 每日上亿请求量的电商系统,JVM年轻代垃圾回收参数如何优化? ----实战教会你如何配置
目录: 案例背景引入 特殊的电商大促场景 抗住大促的瞬时压力需要几台机器? 大促高峰期订单系统的内存使用模型估算 内存到底该如何分配? 新生代垃圾回收优化之一:Survivor空间够不够 新生代对象躲 ...
- [Array]217.Contains Duplicate
Given an array of integers, find if the array contains any duplicates. Your function should return t ...