jQuery基础知识

jQuery
通俗来说，就是一个JS的库，里面封装了很多的JS方法，可以使前端人员去调用，大大减少了开发的时间，增加了开发的效率。

JQ的优点
轻量级，核心文件才几十KB，不会影响页面的加载速度。
跨浏览器兼容。基本兼容了现在主流的浏览器。
链式编程，隐式迭代。
对事件，样式，动画支持，大大简化了DOM操作。
支持插件扩展开发，有着丰富的第三方的插件，例如：轮播图，树形菜单，日期控件等
免费，开源。
JQ的顶级对象
‘’$‘’是JQ的别称，代码中科院用JQ代替它
$是JQ的顶级对象，相当于JS中的window把元素利用这个符号包装成JQ的对象，就可以调用JQ的方法。
JQ对象和DOM对象的区别
DOM对象：
通过JS的属性和方法获得的对象
例：
var div = document.querySelector(‘div’);
JQ对象：
通过JQ的属性和方法获得的对象
$(‘div’);

DOM对象只能使用JS的属性和方法，JQ对象只能使用JQ的属性和方法，两者不可以弄混

JQ对象和DOM对象的相互转换
JQ对象转化为DOM对象
$（‘对象名’）【index】；
$对象是以伪数组的形式转换。所以可以根据索引值来进行选取转换为DOM对象
DOM对象转化为JQ对象
var mydiv = document.querySelector(‘div’);
$(mydiv) 注意：不加引号

JQ的属性
隐式迭代

不需要在使用JS里面的for循环遍历每一个元素。隐式迭代把匹配的所有元素内部进行一次遍历，给每一个JQ获取的元素加入CSS样式。

筛选选择器
**
**

JQCSS样式的使用
addClass（‘类名’）：添加类注意类名不要加.
remoceClass(‘类名’): 移除类
toggleClass（‘类名’）：切换类

JQ操作和JS中ClassName的区别
JS中如果一个元素有一个类名，在JS代码中，再赋予这个元素一个新的类名。则新类名会覆盖原有的类名。这是JS类操作的一个一个确定

JQ中如果一个元素有一个类名，在JQ中，给这个元素赋予一个新的类名，则这个新的类名会追加到元素的属性上，不会更改原有的类名

JQ显示 隐藏 切换动画效果
显示：show( [speed],[]easing],[fn])
隐藏：hide( [speed],[]easing],[fn])
切换：toggle( [speed],[]easing],[fn])

speed：预定速度
slow 慢 normal正常 fast快，或者直接设置毫秒数值
easing：切换效果 swing
fn:回调函数，执行完动画以后执行的函数

JQ滑动效果
slideUp（）上滑
sildeDown（）下滑
slideToggle（）切换，切换效果为上滑或者下滑

JQ自定义动画
animate(params， [speed],[]easing],[fn])
params是自定义的样式，必须写。直接在里面写运动结束的样式，即可。如果要改变元素的位置，加入left方位词，则需要给元素加上定位。

JQ元素的属性操作
prop： 获得元素本身的属性
例
a元素自带herf属性，我们就可以通过prop进行获取
语法格式：
$(‘元素名’).prop(‘属性名’，‘更改的内容’)；

attr：获得元素自定义属性
例
我们经常给div设置index值，方便我们找到对应的元素，这个index就属于自定义属性。而我们通过attr的方法可以更改这个属性的值。
$(‘元素名’).prop(‘属性名’，‘更改的内容’)；

JQ设置内容
获取设置元素的内容 html（）；
//html()会获取 指定元素下的标签名加文本内容，如果指定元素下没有子元素，则不获取标签名

获取设置元素的文本内容text（）；
//text(); 不获取标签名。只获取文本内容

设置input里面的表单值 val（）；
$(‘input’).val(‘123’);

val与text和html最大的区别就是
如果用户需要先输入自己的值的话，我们需要用input输入框，我们必须用var去接受input的文本内容，用text和html接受的内容为空。
如果用户不需要自己去输入所需要的值，我们就不需要用input输入框，可以通过text html去改变和获取内容和值。
————————————————
版权声明：本文为CSDN博主「weixin_45671998」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_45671998/article/details/115467925

最后

以上就是危机小伙为你收集整理的jQuery基础知识的全部内容，希望文章能够帮你解决jQuery基础知识所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。