标签：目的 ide 生产环境 cte remove 开发效率 toc checked .class
首先呢,我们来研究,为什么要用jQuery?
Because 短小,精悍,写起来简单,省事儿,开发效率高.
什么是jQuery?
类似python里面的模块,在jQuery里面就是库或者说是插件.
如何使用jQuery?
1. 导入<script src="jquery-3.2.1.js"></secript> 类似python的 import os 2. jquery.*** --> $("") 类似于python的 os.** 3. 兼容性很厉害
js与jQuery的关系
1. jQuery就是JS写的 2. JS是基础,jQuery是工具.
jQuery介绍 :
.min.xx
压缩版本,生产环境用
没有压缩的
开发用用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()
作业：
- toggleClass()
- 兄弟标签 紧挨着的ul标签 隐藏 addClass("hide")
- 把自己 紧挨着的ul标签显示 removeClass("hide")标签：目的 ide 生产环境 cte remove 开发效率 toc checked .class
原文地址：http://www.cnblogs.com/ugfly/p/7657765.html
