jquery初识

Posted 黎明NB

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery初识相关的知识,希望对你有一定的参考价值。

jQuery初识

如何使用jQuery?

- 1. 导入 <script src="jquery-3.2.1.js"></script> import re
- 2. jQuery.xxxxx --> $() re.xxxx
- 3. 兼容性好

- 找 用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()

以上是关于jquery初识的主要内容,如果未能解决你的问题,请参考以下文章

jQuery——初识jQuery

Java初识方法

初识JQuery-选择器

初识jQuery

jQuery 初识

jQuery应用 代码片段