JQ知识点(基础)

  1. 基本语法
$(document).ready(function() {
	$('div').hide();
})
简写:
$(function() {
  $('div').hide();
})
  1. 元素方法
    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():

  2. JS面向对象的使用
    1.super :关键字调用父类普通函数 ;必须在子类this之前调用
    2.实例成员只能通过实例化的对象来访问;静态成员只能通过构造函数来访问
    3.filter(): 也是查找满足条件的元素 返回的是一个数组 而且是把所有满足条件的元素返回回来
    4.some(): 也是查找满足条件的元素是否存在 返回的是一个布尔值 如果查找到第一个满足条件的元素就终止循环
    5.Object.keys():遍历对象属性
    6.Object.defineProperty() :定义新属性或修改原有的属性
    在这里插入图片描述
    7.apply()、bind():改变函数内this的指向
    在这里插入图片描述
    在这里插入图片描述

  3. js正则表达式
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值