jQuery-黑马笔记

系列文章目录

提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加
例如：第一章 Python 机器学习入门之pandas的使用

---

提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档

---

一、jQuery介绍及常用API

1.jQuery的概述

简单来说，jQuery就是一个对原生dom进行再次封装的一个库(js文件)，通过封装，我们可以快速高效的使用这些被封装好的功能

2.jQuery的使用

在jQuery的官网上下载，复制jQuery代码到js文件中，在html页面中script引入js文件即可

3.jQuery的入口函数

1. 等着页面的dom加载完毕再去执行js代码

传统写法：	$(document).ready( function () {
   } )
现在流行： $( function(){
   } )
相当于原生JS中：	DOMcontentLoaded
`注意：$(”  “)  字符串尽量用双引号`

4.jQuery的顶级对象 $

1. $是jQuery的别称，在书写代码时，两个可以相互替代，实际中常用$
2. $是jQuery的顶级对象，相当于原生JavaScript的window，把元素利用$包装成jQuery对象就可以调用jQuery的方法了

5.jQuery对象和dom对象

1. 用原生js获取来的对象就是dom对象
2. 用jQuery获取的对象就是jQuery对象，jQuery对象是一个伪数组形式
3. jQuery对象的本质：利用$对DOM对象包装后产生的对象
4. 注意： jQuery对象只能使用jQuery方法，DOM对象则使用原生的JavaScript的属性和方法
5. dom对象和jQuery对象可以相互转换

dom转为jQuery对象： $(DOM对象)
jQuery转dom有两种方式：
	1.$(DOM对象)[索引号]
	2.$(DOM对象).get(索引号)

二、jQuery常用API

1.jQuery选择器

语法： $(‘选择器’)

2.jQuery样式操作

语法： $(‘选择器’).css(‘属性’，‘属性值’)

3.jQuery筛选选择器

语法：

• 筛选第一个或者最后一个用first/last：$(‘li:first’) ; $(‘li:last’);
• 筛选索引号为奇数odd，为偶数even:$(‘li:odd’); $(‘li:even’)
• 筛选指定索引号：$('li:eq(index)) ; index从0 开始

4.jQuery的筛选方法（重点）

• parent(): 找距离自己最近一级的父级元素 找亲爸爸
• children():找自己的亲儿子 不会找到孙子 类似于亲儿子选择器，参数：你要查找的亲儿子
• find():可以查找里面所有的后代元素 儿子孙子 类似于后代选择器
• siblings():找自己的亲兄弟元素
• nextAll():查找当前元素之后的所有同辈元素
• prevtAll();查找当前元素之前的所有同辈元素
• eq():参数：索引号
• hasClass():判断是否拥有该类名；参数：字符串类名 返回值：boolean

5.jquery的排他思想

排它思想：当前元素设置样式，其余的兄弟元素清除样式
得到当前元素的索引号方法：$(元素).index()

$(function(){
   
	$('button').click(function()