【JS类库】
作用:简化javascript的操作
内容:预定义了许多对象(属性和方法)和函数
特点:兼容各大浏览器
【jQuery概述】
【分类】
- jQuery - Web版本
- jQuery UI - 集成UI内容
- jQuery Mobile - 移动版本
- Qunit - 用于测试
【使用方法】
- 在HTML页面引入jQuery文件
- 使用jQuery的选择器定位(获取)页面元素
- 使用jQuery的API完成需求
【基本内容】
【$(selector)】
- jQuery的工厂函数,返回jQuery对象
【DOM对象和jQuery对象】
- DOM对象:通过DOM获取的元素,称为DOM对象
- jQuery对象:通过jQuery包装DOM产生的对象,底层仍然是DOM对象
- 【DOM对象和jQuery对象的转换】
DOM->jQuery:$(DOM对象)
jQuery->DOM:
jQuery对象是数组,使用角标
jQuery对象提供get(index)方法
【jQuery事件】
- 将DOM事件封装成对应的方法
【选择器】
学会使用选择器是学习jQuery的基础
$(selector)
【基本选择器】
【id选择器】$("#id")
【类选择器】$(".class")
【元素选择器】$("elementName")
【通配符选择器】$("*")
【合并选择器】$(selector1,selector2,...)
【层次选择器】
【后代节点选择器】$(selector1 selector2)
【子节点选择器】$(selector1>selector2)
【相邻节点选择器】$(selector1+selectro2)
【后兄弟节点选择器】$(selector1~selector2)
【过滤选择器】":"开头
【基本过滤选择器】
- :first
- :last
- :not(selector)
- :even 挑选偶数行(从0开始)
- :odd 挑选奇数行
- :eq(index) 下标是index的元素
- :gt(index) 下标大于index的元素
- :lt(index) 下标小于index的元素
- :header 标题元素
- :animated 正在执行动画的元素
【子元素过滤选择器】
- :nth-child(index) 从1开始
- :first-child
- :last-child
- :only-child
【内容过滤选择器】
- :contains(text)
- :empty
- :has
- :parent 含有子元素或文本的
【可见性过滤选择器】
- :hidden
- :visible
【属性过滤选择器】
- [attribute]
- [attribute=value]
- [attribute!=value]
- [attribute^=value]
- [attribute$=value]
- [attribute*=value]
- [attrSelector1][attrSelector2]...
【表单对象过滤选择器】
- :enabled
- :disabled
- :checked
- :selected
【表单选择器】
- :input
- :text
- :password
- ...