jQuery入门第一章(jQuery初体验)

简介: jQuery入门第一章(jQuery初体验)

JQ 基本概念


jQuery 其实就是别的团队封装好的一个 JS 文件。


常见错误


没有引入 jQuery 文件,引入失败,请检查 jquery.js 文件的路径。

20210905193229317.png


JQ 对象 和 DOM 对象互相转换


不同类型的对象拥有不同的属性和方法


  • JQ 对象调用 JQ 对象的方法和属性。


  • DOM 对象调用 DOM 对象的方法和属性。


  • JQ 对象和 DOM 对象可以互相转换。


JQ 对象和 DOM 对象关系图


  • JQ 对象可以提取出 DOM 对象


  • DOM 对象也可以把包装成 JQ 对象

20210905193432691.png


JQ 对象转 DOM 对象


// 推荐写法

$('选择器').get(0)    

// 写法2

$('选择器')[0]


JQ 对象 转换成 DOM 对象后就可以调用 DOM 对象的方法了。


DOM 对象转 JQ 对象


$(this)  


转换后就可以调用 JQ对象的方法了。


jQuery 选择器

20210905193734587.png


类操作

通过操作添加类和移除类实现元素样式的变化。

20210905193839641.png


removeClass( ) 如果不传入类名,表示移除所有类名。

相关文章
|
存储 JavaScript 前端开发
JQuery(入门~选择器)
JQuery 是快速、简洁的JavaScript库,也就是写好的JS文件。
|
JavaScript 前端开发 索引
jQuery入门&以及选择器
jQuery 是一个快速、简洁的 JavaScript 库,其设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。
55 0
|
JavaScript 前端开发
jQuery01-入门-选择器
jQuery01-入门-选择器
|
JavaScript 前端开发 Java
jQuery入门&选择器
jQuery入门&选择器
|
存储 JavaScript 前端开发
jQuery 入门&选择器
jQuery 入门&选择器
72 0
|
1天前
|
JavaScript 前端开发 API
【JQuery】基础从零入门操作,简单详细
jQuery下载,引入依赖,JQuery语法、选择器、时间、获取元素、返回CSS、修改属性、添加元素、删除元素、猜数字游戏、表白墙
|
2月前
|
JavaScript
Jquery从入门到精通
Jquery从入门到精通
|
6月前
|
JavaScript 前端开发 API
jQuery 入门:轻松创建与插入节点
jQuery 入门:轻松创建与插入节点
|
XML JSON JavaScript
jQuery入门到实战
jQuery入门到实战
jQuery入门到实战
|
存储 JavaScript 前端开发
JQuery入门基础
JQuery入门基础
47 0