首页  思维导图  详情



 



jQuery

2016-12-07 17:35:31   20  举报





AI智能生成

jQuery 学习

jQuery

脑图

结构

体系

查阅

模板推荐

作者其他创作

大纲/内容

选择器

基本选择器

#id

.class

element

selector1,selector2,selector3

层次选择器

$("ancestor descendant")

$("parent > child")

$("prev + next")

next()可代替

$("prev ~ siblings")

nextAll()可代替

过滤选择器

基本过滤器

:first

:last

:not(selector)

:even

:odd

:eq(index)

等于索引

:gt(index)

大于索引，不包括索引

:lt(index)

小于索引，不包括索引

:header

选取所有标题

:animated

正在执行动画的所有元素

:focus

内容过滤器

:contains(text)

选择文本内容为text的元素

:empty

没有子元素的空元素

:has(selector)

:parent

当了爸爸的元素

可见性过滤器

:hidden

type="hidden"

style="diplay:none"

style="visibility:hidden"

:visible

属性过滤器

[attribute]

[attribute=value]

[attribute!=value]

不等于

[attribute^=value]

开始

[attribute$=value]

结束

[attribute*=value]

包含

[attribute|=value]

等于莫某或者以莫某为前缀

[attribute~=value]

空格包含值

[attribute1][attribute2][attribute3]

组合过滤

子元素过滤器

:nth-child

:first-child

:last-child

:only-child

只有一个子元素

表单对象属性过滤器

:enabled

:disabled

:selected

表单选择器

:input :text :password :radio :checkbox :submit :image :reset :button :file :hidden

DOM操作

查找节点

查找元素节点

各种过滤手段

find()方法

filter()方法

end()方法

map()方法

get()方法

查找属性节点

attr()方法

创建节点

创建元素节点

$(html)工厂方法

创建文本节点

在工厂模式中写入便可

创建属性节点

同样也是直接在工厂模式中写入

插入节点

append()方法

插入被插元素内部最后面

appendTo()方法

prepend()方法

插入被插元素内部最前面

prependTo()方法

after()方法

插入被插元素外部的后面

insertAfter()方法

before()方法

插入被插元素外部的前面

insertBefore()方法

删除节点

remove()方法

返回值是引用，可以后续使用

detach()方法

不会把匹配的元素从jQuery对象删除

empty()方法

不是删除，而是清空的内容

复制节点

clone()方法

传递参数true后，表示同时复制元素中绑定的事件

替换节点

replaceWith()方法

颠倒方法是replaceAll()方法

包裹节点

wrap()方法

分别单独包裹

wrapAll()方法

全部打包包裹

wrapInner()方法

包裹在被包裹元素的里面

属性操作

attr()方法获取和设置元素属性

removeAttr()方法来删除元素属性

样式操作

获取和设置样式

可用attr()方法

追加样式

addClass()方法

移除样式

removeClass()方法

切换样式

toggleClass()方法

判断是否包含某个样式

hasClass()方法

等同is(.类名)方法

设置和获取HTML、文本和值

html()方法，拿到的是里面的html

text()方法

val()方法

设置和获取元素的值

遍历节点

children()方法

只考虑子元素，而不考虑其他后代元素

contents()方法

获取匹配元素集合中的每个子元素，包括文字和注释节点

next()方法

prev()方法

和next()方法相反

siblings()方法

取得前后所有的同辈元素

closest()方法

取得最近的元素，不行就找父元素

parent()方法

还有parents()方法

CSS-DOM操作

css()方法

可以获取height属性

又或者height()方法

offset()方法

position()方法

scrollTop()方法和scrollLeft()方法

盒模型的认知

事件和动画

事件

加载DOM

$(function({  }))

最简写

事件绑定

bind()方法

合成事件

hover()方法

hover效果

toggle()方法

1.连续单击事件循环

2.切换元素的可见状态

事件冒泡

从内而外

stopPropagation()方法

阻止事件冒泡

preventDefault()方法

阻止默认行为

事件对象的属性和方法

event.type

event.preventDefault()方法

event.stopPropagation()方法

event.target

捕获事件对象

event.relatedTarget

event.pageX和event.pageY

event.which

event.metaKey

移除事件

unbind()方法

模拟操作

trigger()方法

常用模拟

触发自定义事件

传递数据

数组形式传递

其他方法

绑定多个事件类型

添加事件命名空间，便于管理

相同事件名称，不同空间命名执行方法

动画

show()和hide()

速度参数

fadeIn()和fadeOut()

In是出现，out是滚开

slideUp()和slideDown()

自定义动画方法animate()

自定义简单动画

累加、累减动画

多重动画

综合动画

动画回调函数

停止动画和动画判断

其他动画方法

动画方法思想

表单和表格

表单应用

单行文本框

多行文本框

复选框

下拉框

表单验证

表格应用

表格变色

表格展开关闭

表格内容筛选

其他应用

网页字体大小

网页选项卡

网页换肤

Ajax的应用

优势和不足

Ajax的XMLHttpRequest对象

安装web环境

jQuery中的Ajax

load()

$.get()和$.post()

$.getScript()和$.getJson()

$.ajax()

序列化元素

jQuery中的Ajax全局事件

聊天室案例

jQuery插件

jQuery Mobile

 Collect

Get Started

Jquery 基础知识点总结

 Collect

Get Started

jQuery

 Collect

Get Started

Jquery

 Collect

Get Started

jQuery





0 条评论

下一页