看视频自学JQuery第一天笔记

学习jQuery的最终理想目标:通过学习JQuery,我们可以开发出常见的网页效果

JQuery官网:http://jquery.com

JQuery在线API:http://api.jquery.com http://api.jquery.com/api(xml格式的文件)

1.什么是JQuery?

JQuery是一款快速、简洁的javascript函数库,里面封装的是很对的javascript函数,JQuery里面封装了很多的功能

2.为什么要使用JQuery?

因为原生的js中实现一个简单的功能需要非常多的代码,并且由于浏览器的不通以及浏览器自身版本的不通,所以js中代码的兼容性也存在很多的问题,所以此时学习JQuery就非常的有必要了

3.学习JQuery有什么好处呢,或者说JQuery有什么特点?

JQuery很好的解决了不通浏览器的兼容性问题,并且JQuery的体积小才几十KB,而且使用起来非常的简单,在使用JQuery的时候还可以进行链式编、程隐式迭代、除此之外JQuery还是一款开源的免费的框架,并且JQuery还有这非常丰富的插件,以前在写原生js的时候实现一个功能可能需要七八行代码,但是在使用了JQuery之后,我们有时候只需要一行就能实现这个功能,你说是不是很强大呢,正式由于JQuery的这些特点,所以使用JQuery可以帮助我们极大的提升开发效率,有利于我们更好的进行网页的开发。

今天的JQuery的重点内容如下:

JQuery文件的引入和使用、JQuery中的顶级对象、JQuery中的事件加载、JQuery中的选择器、Jquery的案例

JQuery文件的引入和使用,举个小栗子,通过JQuery的使用来改变div的背景颜色,示例代码如下如所示

顶级对象:DOM中的顶级对象:document:表示页面中的顶级对象   document点出来的是DOM中的属性和方法

                 BOM中的顶级对象:window:表示浏览器中的顶级对象  window点出来的是浏览器中的属性和方法

                 JQuery中的顶级对象:JQuery或者是$

一般我们都使用$符号,因为$符号写起来比较简单

JQuery中的页面加载事件:可以使用$(function(){

})

表示页面中基本的标签加载之后就会执行

引入JQuery的文件:JQuery文件分为压缩版和未压缩版,一般在开发的时候建议使用正常的版本,在项目上线的时候使用JQuery文件的压缩版,由于压缩版的体积比较小,这样可以让用户在浏览我们网页的时候,能够让我们网页更快的进行加载

4.JQuery对象和DOM对象的互相转化

为什么需要把JQuery对象和DOM对象进行互相转化

由于JQuery中文件的一直更新升级,很多的东西都是随着使用而进行封装和升级的,所以DOM中还是有很多的东西没有进行封装和升级的,在有的时候JQuery中不能解决的问题,还是需要通过原生的js代码来进行解决的,所以这个时候我们就需要把jquery和原生DOM来进行相互转化

JQuery转DOM的方式有两种:$(btnObj).get(0) 或者是$(btnObj)[0],此时我们就成功的将JQuery对象转化成为了DOM对象了

DOM对象转化成JQuery对象:我们只需要将DOM对象用$()包起来就好了 $(DOM对象),这个时候我们就将DOM对象转化象

                                                 JQuery对象了

 

 

 

 

 

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值