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()

实例：左侧菜单

巴特西

jquery初始

最新文章

热门文章