一、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)组合选择器 $("")组合选择器可以多个选择进行组合可以同时选中;
控制台输出查看