首先呢,我们来研究,为什么要用jQuery?
Because 短小,精悍,写起来简单,省事儿,开发效率高.
jQuery的宗旨就是 : Write Less,Do More.
什么是jQuery?
类似python里面的模块,在jQuery里面就是库或者说是插件.
如何使用jQuery?
1. 导入<script src="jquery-3.2.1.js"></secript> ????类似python的 import os2. 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")jQuery
原文地址：http://www.cnblogs.com/ugfly/p/7657765.html