JQUERY总结

野原新之助-懒羊羊

于 2022-10-24 11:29:29 发布

阅读量222

点赞数 1

文章标签： 1024程序员节

本文链接：https://blog.csdn.net/yyxzz_lyy/article/details/127488935

版权

本文详细介绍了jQuery的使用，包括DOM与jQuery的区别，$符号的用途，选择器（如CSS选择器、过滤选择器、筛选选择器）、节点操作（如添加、删除、克隆节点）、事件处理、动画效果以及jQuery的特点。jQuery简化了DOM操作，提供了丰富的选择器和动画API，以及方便的事件处理机制。

摘要由CSDN通过智能技术生成

一.jQuery与DOM
1.DOM与jQuery相比：
（1）获取元素名字太长
（2）代码冗余（for）
（3）onclick注册事件存在覆盖问题，addEventListener()注册事件不存在覆盖问题，但有兼容性问题
（4）没有动画效果，如果需要，就必须手动封装

2.dom对象与jQuery对象的转换
dom对象和jQuery对象不能混用，转换
（1）dom对象转成jQuery对象

$(dom对象)
1
（2）jQuery对象转成dom对象
① 通过中括号[]
② get()方法

3.this的使用
this是个dom对象，所以this要使用jQuery的方法，一定要先转成jQuery对象 $(this)

二.$符号
$的来源：jQuery
类型：函数
作用：根据参数的不同，作用不同
1.选择器：可以获取元素 $(‘div’)
2.函数：入口函数的作用 $(function(){})
3.dom对象：将dom对象转成jQuery对象 $(document)
4.HTML字符串：创建节点 $(‘HTML字符串’)

多库共存：jQuery释放$符号的控制权

// 释放$符号，并且把$符号的能力给C
var c = $.noConflict();
1
2
三.选择器
1.CSS选择器（将js中的选择器放入jQuery的$里面）
（1）id选择器 $(’#ZhangSan’)
（2）标签选择器 $(‘li’)
（3）类选择器 $(’.rendering’)
（4）并集选择器 $(’.xiaoming, #ZhangSan’)
（5）交集选择器 $(’.xiaoming.handsome’)
（6）子代选择器 $(’.xiaoming>ol>li’)
（7）后代选择器 $(‘xiaoming li’)

2.过滤选择器
（1）:odd 从获取到的元素中过滤出下标为奇数的元素
（2）:even 从获取到的元素中过滤出下标为偶数的元素
（3）:first 从获取到的元素中过滤出第一个元素
（4）:lase 从获取到的元素中过滤出最后一个元素
（5）:eq 从获取