jQuery

  • 加载模式不同

区别一
原生JS和jQuery入口函数的加载模式不同
原生JS会等到DOM元素加载完毕,并且图片也加载完毕才会执行
jQuery会等到DOM元素加载完毕,但不会等到图片也加载完毕

区别2
原生的JS如果编写了多个入口函数,后面编写的会覆盖前面编写的
jQuery如果编写了多个入口函数,后面的不会覆盖前面的

  • 选择器
    $(“css选择器”)
    所有 < input>元素可以用:checkbox 表示 选择 type为chexbox的所有元素

  • 事件方法
    方法一:
    bind(“click”,function(){})
    方法二:
    trigger(“想要执行的方法名”) 绑定两个或多个事件处理器函数,当发生轮流的 click 事件时执行。
    click() 点击
    mousuover()鼠标移入
    mouseout()鼠标移出
    load() 页面加载

  • 事件绑定

on(“使事件类型",”selection“,”数据“function)
click(function)点击
bind(“click",”数据“,function)
unbind(“click",function)接触绑定

学习手册

  • DOM

方法:
添加
.addclass()为每匹配元素添加类名

.attr() 设置或获取匹配元素的属性值,
$(selector).attr(attribute)获得属性的值
$(selector).attr(attribute,value)设置属性/值

$(div).append(“li”) div里面,最后面加li
$(div).prepend(“li”) li添加到div内部的最前面
$(div).prependTo(“li”) div 添加到li的最前面
$(div).appendTo(“li”) 把div追加到li的最后
$(‘ul’).after(‘div’) 在ul之后插入div
$(div).insertAfter(‘ul’) div插入到ul之前
.after()=.inserAfter() 只是参数位置不同
.before() 在被选元素之前插入内容

  • 删除

.remove() 删除被选元素(及其子元素)
.empty() -从被选元素中删除子元素,被选元素还在
.detach() 删除元素,保存所有jQuery数据和被移走的元素

  • 获取,设置

text() 设置或返回所选元素的文本内容
html() 设置或返回所选元素的内容(包括 HTML 标记)
val() 设置或返回表单字段的值

  • 包裹

.warp()在外面裹一层
.warpInner()在里面裹一层
.unwarp()将匹配的父元素删除,保留自身

  • 复制

.clone(true) 深克隆

中文学习网站:https://www.jquery123.com/category/manipulation/class-attribute/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值