- 基本语法
$(document).ready(function() {
$('div').hide();
})
简写:
$(function() {
$('div').hide();
})
-
元素方法
1.siblings():兄弟元素siblings 除了自身元素之外的所有亲兄弟
2.hasClass():判断是否有某个类名
3.eq():第几个元素
4.slideDown(), slideUp(), slideToggle():下、上、切换滑动
5.fadeIn(), fadeOut(), fadeToggle(), fadeTo():淡入、淡出、切换、透明度
6.prop():获取元素固有的属性值
7.attr():元素的自定义属性
8.each() :遍历元素
9.prepend():内部添加并且放到内容的最前面
10.before():外部添加
11.remove(); 可以删除匹配的元素 自杀
12.empty(); // 可以删除匹配的元素里面的子节点 孩子
13.width() / height() 获取设置元素 width和height大小
14.innerWidth() / innerHeight() 获取设置元素 width和height + padding 大小
15.outerWidth() / outerHeight() 获取设置元素 width和height + padding + border 大小
16.outerWidth(true) / outerHeight(true) 获取设置 width和height + padding + border + margin
17.offset():获取设置距离文档的位置(偏移)
18.position():获取距离带有定位父级位置(偏移)
19.scrollTop():被卷去的头部
20.scrollLeft():被卷去的左侧
21.on():可以绑定1个或者多个事件处理程序;可以实现事件委托(委派);可以给未来动态创建的元素绑定事件
22.append():元素结尾插入内容
23.prepend():元素开头插入内容
24.off():事件解绑
25.one():只触发一次的事件绑定
26.trigger():会触发元素的默认行为
27.triggerHandler(“事件”) :就是不会触发元素的默认行为
28.event.stopPropagation(): 阻止 click 事件冒泡到父元素
29.$.extend(true, targetObj, obj):深拷贝把里面的数据完全复制一份给目标对象 如果里面有不冲突的属性,会合并到一起
30.parent().prev().text():父级元素的上一个元素的文本内容
31.parent().next().text():父级元素的下一个元素的文本内容
32.eq()
33.attr()、prop(): -
JS面向对象的使用
1.super :关键字调用父类普通函数 ;必须在子类this之前调用
2.实例成员只能通过实例化的对象来访问;静态成员只能通过构造函数来访问
3.filter(): 也是查找满足条件的元素 返回的是一个数组 而且是把所有满足条件的元素返回回来
4.some(): 也是查找满足条件的元素是否存在 返回的是一个布尔值 如果查找到第一个满足条件的元素就终止循环
5.Object.keys():遍历对象属性
6.Object.defineProperty() :定义新属性或修改原有的属性
7.apply()、bind():改变函数内this的指向
-
js正则表达式