- 加载模式不同
区别一
原生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/