web学习7-jquery

1、query简介
jQuery由美国人John Resig于2006年创建
jQuery是目前最流行的JavaScript程序库，它是对JavaScript对象和函数的封装
它的设计思想是write less,do more
2、玩法：
1、官网下载jquery的源文件：https://jquery.com/download/
开发版本：适用于开发阶段。体积大一点
压缩版本：使用上线阶段。体积小
2、引入第三方的url就可以了
https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js
3、jquery可以做什么？
访问和操作DOM元素
控制页面样式
对页面事件进行处理
扩展新的jQuery插件
与Ajax技术完美结合
体积小，压缩后只有100KB左右
强大的选择器
出色的DOM封装
可靠的事件处理机制
出色的浏览器兼容性
使用隐式迭代简化编程
丰富的插件支持
4、jquery对象和dom对象他们之间的方法和属性不能通用。
dom对象：直接使用JavaScript获取的节点对象。只能使用原生js的属性和方法。
jquery对象：使用jQuery包装DOM对象后产生的对象，它能够使用jQuery中的方法。
$(dom)-->jquery对象-->只能使用jquery对象的属性和方法。DOM对象和jQuery对象分别拥有一套独立的方法，不能混用，但是两个对象之间是可以转换的。dom-->jquery直接使用$(dom对象)–>jquery对象
jquery–>dom对象
//jquery对象–>dom
console.log(jqueryObject[0]);
console.log(jqueryObject.get(0))

5、基本语法：
$(document).ready(function()函数体)工厂函数$()：将DOM对象转化为jQuery对象
选择器 selector：获取需要操作的DOM元素
方法action()：jQuery中提供的方法，其中包括绑定事件处理的方法.
6、选择器
基本选择器
标签选择器：tagName
类选择器：.className
id选择器:#id
交集选择器:tagName.className
并集选择器:selector,selector2…
全局选择器:*
层次选择器
后代选择器：通过空格分割
子元素选择器：>
兄弟选择器：+
后面所有的兄弟 ：~
属性选择器：
[attributeName]
[attributeName=value]
[attributeName!=value]
[attributeName^=value]
[attributeName$=value]
[attributeName*=value]
…
过滤选择器
:first
:last
:even
:odd
:eq(index)
:gt(index)
:lt(index)
:not(selector)
:hidden
:visible
:header
:focus