今天我们来学习Jquery的一些基本知识,jquery相对来说还是比较重要的,所以还是要好好学习的。
首先要了解什么是jQuery?
l类似于python里面的模块,可以看成是一种库或者插件。
在学习之前首先要在官网上下载,然后进行导入才可以用,即怎么使用?
- 1. 导入 <script src="jquery-3.2.1.js"></script> import re
- 2. jQuery.xxxxx ?--> $() ???re.xxxx
- 3. 兼容性好
一、jQuery对象
- 用jQuery选择器查出来的就是jQuery对象
- jQuery对象,他就可以使用jQuery方法,不能使用DOM的方法
?
- DOM对象和jQuery对象转换:
- $(".c1")[0] --> DOM对象
- $(DOM对象)
二、jQuery基本语法
先来看看jQuery中有哪些选择器
1.基本选择器
(1)ID选择器
$("#id")
注:$("#id的值")
(2)类选择器
$(".className")
注:$(".class的值")
(3)标签选择器
$("tagName")
注:$("标签的名字")
(4)组合选择器
$("#id, .className, tagName")
(5)所有标签
$(‘*‘)
2.层级选择器
???????????- 从一个标签的子子孙孙去找 ???????$("父亲 子子孙孙") ???????????- 从一个标签的儿子里面找 ?????????$("父亲>儿子标签") ???????????- 找紧挨着的标签 ????????????????$("标签+下面紧挨着的那个标签") ???????????- 找后面所有同级的 ??????????????$("翔哥~女人")
三、jQuery筛选器
1.写在括号里面的
$(" :first") ????#找第一个$(" :not(‘‘)")$(" :even") ??#偶数 $(" :odd") ???#奇数$(" :eq") ????$(" :gt")$(" :last")$(" :focus")
内容
$(":contains")$(" :empty")$(" :has(‘‘)")$(" :parent") ?***** ??区别于$("").parent() ???????????????
可见性
$(" :hidden)$(" :visible")
属性
input[name] ?--> 有name属性的inputinput[type=‘password‘] ?--> 类型是password的input标签
表单
:input:password:checkbox:radio:submit:button:image:file
表单对象属性
:enable:disable:checked:selected
2.写在括号外面(当方法用的)
过滤
$("").first()$("").parent()$("").eq().hasClass() ??查找是否有这个类,括号里面写的是类名,然后过滤出来
查找
查找元素.find()下一个元素.next().nextAll().nextUntil() ???????????????父亲元素 ???????????????.parent().parents().parentsUntil()上一个元素 ???????????????.prev().prevAll().prevUntil() 儿子和兄弟元素.children().siblings() ?
实例:左侧菜单
jquery初始
原文地址:http://www.cnblogs.com/moning/p/7657913.html