今天我们来学习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()  

实例:左侧菜单

 

posted on 2017-11-14 11:31  Sober--  阅读(150)  评论(0编辑  收藏  举报