JavaWeb开发思维导图之——JQuery基本语法(63)
一 概述
- JS对象和jQuery对象转换
- 事件相关
- 遍历
二 内容详情
2.1 JS对象和jQuery对象转换
1-概念
- js和jquery二者的API方法不能混用
- 若想使用对象的API,需要进行对象的转换
2-转换
- 1-js的dom对象转换为jquery对象: 1-语法: $(js的dom对象); 2-示例: let jq=$(jsDiv)
- 2-jquery对象转换为js对象: 1-语法 1-jQuery对象[索引]; 2-示例: let js =jqDiv[0]
2.2 事件相关
1-事件的使用
- 1-jQuery常用事件: 1-load 、2-submit、3-click
- 2-事件说明:在jquery中将事件封装成对应的方法。去掉了js中的.on语法
- 3-示例:单击事件: $("#btn").click(function(){})
2-事件的绑定和解绑
- 1-绑定事件
- 2-解绑事件
3-事件的切换
- 1-概念:给同一个对象绑定多个事件,多个事件有先后顺序关系
- 2-分类:1-单独定义、2-链式定义
2.3 遍历
- 1-传统方式
- 2-对象.each()方法
- 3-$.each()方法
- 4-for of语句