JQuery 第一篇

一、jquary基本操作

1.jquary简介 是一套兼容多浏览器的js脚本库,他提供了强大的功能函数,解决浏览器兼容性问题,实现丰富的ui和插件,纠正错误的脚本知识等优点。。。。;

2.引入方式

3.$ 代表jQuary对象的引用

4.在引用完成后,我们就可以来进行一个安装的测试,测试他是否安装成功, 首先我们去写一个div并给他一个id;

随后在script中去使用$去获取div对象

然后打开控制台进行查看结果

第二种获取div对象的方式

 

二、Dom对象和jquary包装集对象

1.Dom对象 在js中dom对象只有有限的属性和方法,所以我们可以将他转化为jquary包装级对象;

2.jQuary 包装集对象 可以说是dom元素的扩充,在jquary的世界将所有的对象,都封装为一个jquary包装级,比如获取一个元素的jquary包装集;

三、转换方法

1.dom转化为jquary包装集, 其中的原理其实就是将获取到的dom元素放到jquary选择器中去


2.将包装集对象转换为dom对象 其中的包装集就是一个集合相当于一个数组,我们就可以利用这个特点来使用下标转换对象;
进行控制台输出查看结果

第二种转换方法: 在jquary中给我们提供了一个循环遍历方法:包装集.each,我们可以利用这个方法进行转换

我们打开控制台进行查看

当转换完成后我们可以使用强转将他再次转换为包装集


 

四、jquery选择器

1.基础选择器 (1)id选择器 $("#id名称") (2)元素名称选择器 $("div") (3) 类选择器 $(".class名称") (4)选择页面所有元素 $("*") (5)组合选择器 $("")组合选择器可以多个选择进行组合可以同时选中;

控制台输出查看

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值