jquery初始

今天我们来学习Jquery的一些基本知识，jquery相对来说还是比较重要的，所以还是要好好学习的。

首先要了解什么是jQuery?

l类似于python里面的模块，可以看成是一种库或者插件。

在学习之前首先要在官网上下载，然后进行导入才可以用，即怎么使用？

- 1. 导入 <script src="jquery-3.2.1.js"></script> import re
- 2. jQuery.xxxxx --> $() re.xxxx
- 3. 兼容性好

一、jQuery对象

- 用jQuery选择器查出来的就是jQuery对象
- jQuery对象，他就可以使用jQuery方法，不能使用DOM的方法

- DOM对象和jQuery对象转换：
- $(".c1")[0] --> DOM对象
- $(DOM对象)

二、jQuery基本语法

先来看看jQuery中有哪些选择器

1.基本选择器

（1）ID选择器

$("#id")

注：$("#id的值")

（2）类选择器

$(".className")　

注：$(".class的值")

（3）标签选择器

$("tagName")

注：$("标签的名字")

（4）组合选择器

$("#id, .className, tagName")

（5）所有标签

$('*')

2.层级选择器

            - 从一个标签的子子孙孙去找        $("父亲 子子孙孙")
            - 从一个标签的儿子里面找          $("父亲>儿子标签")
            - 找紧挨着的标签                 $("标签+下面紧挨着的那个标签")
            - 找后面所有同级的               $("翔哥~女人")

三、jQuery筛选器

1.写在括号里面的

$(" :first")     #找第一个
$(" :not('')")
$(" :even")   #偶数
$(" :odd")    #奇数
$(" :eq")
$(" :gt")
$(" :last")
$(" :focus")

内容

$(":contains")
$(" :empty")
$(" :has('')")
$(" :parent")  *****   区别于$("").parent()
                

可见性

$(" :hidden)
$(" :visible")

属性

input[name]  --> 有name属性的input
input[type='password']  --> 类型是password的input标签

表单

:input
:password
:checkbox
:radio
:submit
:button
:image
:file

表单对象属性

:enable
:disable
:checked
:selected

2.写在括号外面（当方法用的）

过滤

$("").first()
$("").parent()
$("").eq()
.hasClass()   查找是否有这个类，括号里面写的是类名，然后过滤出来

查找

查找元素
.find()

下一个元素
.next()
.nextAll()
.nextUntil()

父亲元素
.parent()
.parents()
.parentsUntil()

上一个元素
.prev()
.prevAll()
.prevUntil() 

儿子和兄弟元素
.children()
.siblings()  

实例：左侧菜单