前端技术(JQuery)学习笔记(一)JQuery文档准备就绪事件、JQuery事件处理、JQuery对象与DOM对象的、JQuery取值

一、JQuery,是一套JavaScript的函数库(类库),可以很大程度上简化js代码。所以,利用Jquery对HTML元素的操作更加的便捷。 1、JQuery的核心函数:jQuery()函数,利用这个核心函数可以完成html元素的选取功能。为了简化开发过程,JQuery提供了$号代替JQuery核心函数 比如jQuer
摘要由CSDN通过智能技术生成

一、JQuery,是一套JavaScript的函数库(类库),可以很大程度上简化js代码。所以,利用Jquery对HTML元素的操作更加的便捷。

1、JQuery的核心函数:jQuery()函数,利用这个核心函数可以完成html元素的选取功能。为了简化开发过程,JQuery提供了$号代替JQuery核心函数

比如jQuery("div");等价于$("div");       

2、Jquery的文档准备就绪事件
我们知道JavaScript代码要嵌入到<script>元素内,而因为浏览器是以顺序解析法解析前端代码的,
所以<script>元素的位置是有一定要求的。
代码案例
这里写图片描述
所以我们经常会看到将JavaScript代码放在body的最下面的情况,同时开发人员也可以通过onload事件,解决以上问题
这里写图片描述

我们已经看到head中的JavaScript代码也成功执行了。所以开发人员可以将js代码编写到文档准备就绪事件中编写,避免在获取html元素时找不到的情况。
JQuery也一样,也提供了文档准备就绪事件ready()来解决这样的问题,具体代码见下图。(注意,两种写法)
这里写图片描述

3、JQuery的选择器,JQuery选择器允许我们对单个html元素或者某个元素组(多个html元素)进行操作,与css选择器概念一致,同时CSS选择器在JQuery中照样实用
比如,在css中要设置某个html元素的样式,需要使用css选择器先去选中具体的html元素
比如,在JavaScript中要完成对html元素的操作,首先需要获取html元素对应的dom对象,然后通过dom对象对html元素进行操作
在jquery中,要完成对html元素的操作首先需要通过jquery的选择器选中被操作的html元素后,才能对其操作
这里写图片描述

4、JQuery对象和DOM对象,在JQuery中通过$获取的对象是JQuery对象,而非DOM对象,同时dom对象和JQuery对象不能通用。也就是JQuery对象不能访问dom对象,而dom对象也不能访问JQuery对象中的方法中的方法

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值