今天我们来学习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()
实例:左侧菜单