jQuery
2016-12-07 17:35:31 20 举报AI智能生成
jQuery 学习
作者其他创作
大纲/内容
jQuery
选择器
jQuery 文档介绍
基本选择器
#id
.class
element
*
层次选择器
$(\"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
收藏
职业：暂无
0 条评论
回复 删除
下一页
