11月17日学习内容整理：jquery文档处理，事件细讲，动画

一、文档处理：下面举例中的B可以是标签也可以是选择器也可以是字符串

》》》添加到指定元素内部的后面
$(A).append(B) // 把B放到A内部元素的最后，A是父节点
$(A).appendTo(B) // 把A放到B内部元素的最后，B是父节点
两者只是顺序不一样，带to的括号里是父元素

》》》添加到指定元素内部的前面

$(A).prepend(B) // 把B放到A内部元素的最前面，A是父节点

$(A).prependTo(B) // 把A放到B内部元素的最前面，B是父节点
注意只是放的顺序不一样

》》》添加到指定元素外部的后面

$(A).after(B) // 把B放到A外部的最后面，A是参照节点

$(A).insertAfter(B) // 把A放到B外部的最后面，B是参照节点

》》》添加到指定元素外部的前面

$(A).before(B) // 把B放到A外部的最前面

$(A).insertBefore(B) // 把A放到B外部的最前面

》》》移除元素
jquery对象.remove（）删除掉所有匹配上的元素

》》》清空元素
jquery对象.empty() // 删除匹配的元素集合中所有的子节点，就是把匹配元素包含的内容全部删除，并不包括匹配元素本身

》》》替换元素

A.replaceWith(B) A被B代替

A.replaceAll(B) B被A代替

》》》克隆元素：通常克隆完后我们都会把克隆元素放到某一个位置上，就用上面几种元素位置的方法
jquery对象.clone（）只复制匹配的元素，它绑定的事件不复制

jquery对象.clone（true）不光复制元素连带绑定事件也复制

二、事件

1、绑定事件

》》》jquery对象.事件名（function（）｛

执行语句；

｝）

》》》jquery对象.on（"事件名"，function（）｛

执行语句；

｝）

2、常用事件

》》》点击：click

》》》获取焦点：focus

》》》失去焦点：blur

》》》select标签选中的内容改变时：change

》》》按键弹起时触发：keyup

3、事件委托：就是通过事件冒泡的原理，利用父标签去触发子标签的事件。

父节点.on（"事件名"，"选择器"，function（）｛

执行语句；

｝）

选择器就是用来匹配父节点要委托的子节点

4、阻止后续事件继续发生：return false

5、事件绑定的时机：要等整篇文档都加载完后再去执行绑定事件的操作，当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。这是事件模块中最重要的一个函数，因为它可以极大地提高web应用程序的响应速度

》》》写法一：我们通常在用的

$(document).ready(function(){

　　这里去写绑定事件的语句

})

》》》写法二：简写，一般不用这个

$(function(){

执行语句；

})

》》》》》》》》补充：

（1）jquery对象.length 获取匹配元素的个数

（2）.data方法：在匹配元素上存储任意相关数据或返回匹配的元素集合中的第一个元素的给定名称的数据存储的值。

》》》通俗的说就是在匹配的元素上存储任意数据类型的值

》》》用法：

赋值：：：：data（key，value）key可以是标签也可以是自己定义一个名字，value可以是任意数据类型，保存一个jquery对象都可以

取值：：：：data（key）就可以取到保存的value值，这里要注意还是返回第一个匹配元素的value值

举例：

三、动画：当作方法使用

》》》基本

show([s,[e],[fn]]) 展示

hide([s,[e],[fn]]) 隐藏

toggle([s],[e],[fn]) 呈现相反的效果，当前是展示的话就隐藏，是隐藏就展示出来

》》》滑动

slideDown([s],[e],[fn]) 向下滑动

slideUp([s,[e],[fn]]) 向上滑动

slideToggle([s],[e],[fn]) 呈现相反的效果

》》》淡入淡出：透明度的变化

fadeIn([s],[e],[fn]) 淡入

fadeOut([s],[e],[fn]) 淡出

fadeTo([[s],o,[e],[fn]]) 可以指定透明度

fadeToggle([s,[e],[fn]]) 呈现相反的效果

3000和5000代表持续时间，单位毫秒，0.6和0.3代表透明度

》》》自定义

animate(p,[s],[e],[fn])

3000是持续时间，设置图片边框宽度的渐变动画

转载于:https://www.cnblogs.com/wanghl1011/articles/7851373.html

11月17日学习内容整理：jquery文档处理，事件细讲，动画相关推荐

1月17日学习内容整理：Scrapy框架补充之pipeline，去重规则
@@@老师博客::: 关于高性能和scrapy框架 http://www.cnblogs.com/wupeiqi/articles/6229292.html 关于scrapy-reids组件 http ...
11月8日学习内容整理：js的引入方式，变量数据类型，运算符，流程控制，函数...
js是一门成熟的编程语言,专门用浏览器客户端执行的语言一.js的引入方式 1.直接在body标签中使用script标签写js语言 2.通过script标签导入js文件,<script sr ...
1月16日学习内容整理：爬虫框架：Scrapy
@@@老师博客地址::::: http://www.cnblogs.com/linhaifeng/articles/7811861.html 一.介绍 Scrapy一个开源和协作的框架,其最初是为了页 ...
1月8日学习内容整理：JS的作用域和作用域链
补充: 对于编译型语言,是编译一次生成可执行文件来执行多次:对于解释型语言,始终都是编译一次执行一次 python编译时要看有没有赋值操作,没有的话就不编译任何内容:若有赋值操作,才会开辟内存空间,把 ...
3月19日学习内容整理：redis
1.定义 redis是一个软件,来帮助我们在内存中存储数据,支持持久化 mysql也是一个软件,是帮助我们在硬盘中存储数据 2.应用由于速度快可做缓存,存储一些不常改变的数据临时数据消息队列 ...
12月12日学习内容整理：Ajax中的contentType参数，csrf跨域请求处理，serialize方法...
一.contentType参数 1.用来标识请求的数据格式 2.默认值: "application/x-www-form-urlencoded" 代表是urlencoded编码 ...
9月7日学习内容整理：内置函数
一.内置函数 1.作用域相关: (1)globals() 查看全局作用域,显示所有的变量 (2)locals() 查看局部作用域,只会显示当前函数使用的变量 2.迭代器相关: (1)it ...
9月13日学习内容整理：异常处理
一.异常处理 1.排错:多行报错的时候,真正报错的是最下面:若报错的地方在别人的代码里,注意别人写的代码是不会报错的,还是找自己的错 2.特点:一旦发生异常,程序不会再向下执行 3.处理方法: (1) ...
12月7日学习内容整理：ORM单表操作
补充:url(r"^$") 代表只匹配域名,没有路径部分一.添加: 1.方式一:昨天讲过的实例化对象 2.方式二: stu_obj=类名(就是表名).objects.creat ...

11月17日学习内容整理：jquery文档处理，事件细讲，动画

11月17日学习内容整理：jquery文档处理，事件细讲，动画相关推荐

最新文章

热门文章