jQuery基础

Posted 2020-10-10 wangxingping

如何使用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()

.parent()
.parents()
.parentsUntil()

.prev()
.prevAll()
.prevUntil()

.siblings()