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