如何使用jQuery?
- 1. 导入 <script src="jquery-3.2.1.js"></script>
- 2. jQuery.xxxxx --> $()
- 3. 兼容性好
JS和jQuery的关系
- jQuery就是JS写的
- JS是基础，jQuery是工具
jQuery介绍
- 版本
- 1.x
兼容IE8。。。
- 3.x
最新
- .min.xx
压缩的
生产环境用
- 没有压缩的
开发用
jQuery知识点：
- HTML：
- CSS
- JS
找到谁， 然后让谁做什么
找到标签，修改标签
- 找 用jQuery找到目的标签
- 选择器 语法规则：$("xxx")
基本选择器：
- ID选择器 $("#id的值")
- 类选择器（class） $(".class的值")
- 标签选择器(html标签) $("标签的名字")
- 所有标签 $("*")
- 组合选择器 $("xx,xxx")
层级选择器：
- 从一个标签的子子孙孙去找 $("父亲 子子孙孙")
- 从一个标签的儿子里面找 $("父亲>儿子标签")
- 找紧挨着的标签 $("标签+下面紧挨着的那个标签")
- 找后面所有同级的 $("标签~标签")
jQuery对象：
- 用jQuery选择器查出来的就是jQuery对象
- jQuery对象，他就可以使用jQuery方法，不能使用DOM的方法
- DOM对象和jQuery对象转换：
- $(".c1")[0] --> DOM对象
- $(DOM对象)
筛选器：
-写在引号里面的：
$(" :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
- 写在信号外面当方法用的：
过滤
$("").first()
$("").parent()
$("").eq()
.hasClass()
查找
.children()
.find()
.next()
.nextAll()
.nextUntil()
.eq(索引) 根据索引找
.parent()
.parents()
.parentsUntil()
.prev()
.prevAll()
.prevUntil()
.siblings()