学习jQuery的知识点整理1

day01——01_03 知识点整理

jQuery的两把利器

1.  jQuery核心函数
    - 简称: jQuery函数( $ | jQuery )
    - jQuery库向外直接暴露的就是 $ | jQuery 
    - 引入jQuery库后, 直接使用$即可
        * 当函数用: $(xxx)
        * 当对象用: $.xxx()
2.  jQuery核心对象
    - 简称: jQuery对象
    - 得到jQuery对象: 执行jQuery函数返回的就是jQuery对象
    - 使用jQuery对象: $obj.xxx()

jQuery核心函数

1. 作为一般函数调用: $(param)
  1). 参数为函数 : 当DOM加载完成后，执行此回调函数
  2). 参数为选择器字符串: 查找所有匹配的标签, 并将它们封装成jQuery对象
  3). 参数为DOM对象: 将dom对象封装成jQuery对象
  4). 参数为html标签字符串 (用得少): 创建标签对象并封装成jQuery对象
2. 作为对象使用: $.xxx()
  1). $.each() : 隐式遍历数组
  2). $.trim() : 去除两端的空格

jQuery对象

概念
    jQuery对象是一个包含所有匹配的任意一个或多个dom元素的伪数组对象
基本行为
    size() | length
        包含的DOM元素的个数
    [index] | get(index)
        得到对应位置的DOM元素
    each()
        遍历包含的所有DOM元素
    index()
        得到在所有兄弟元素中的下标

基本选择器

作用
    用来查找特定页面的元素
基本选择器
    - #id : id选择器
    - element : 元素选择器
    - .class : 属性选择器
    - * : 任意标签
    - selector1,selector2,selectorN : 取多个选择器的并集(组合选择器)
    - selector1selector2selectorN : 取多个选择器的交集(相交选择器)

层次选择器

作用
    查找子元素, 后代元素, 兄弟元素的选择器
选择器
    - ancestor descendant
        在给定的祖先元素下匹配所有的后代元素
    - parent>child
        在给定的父元素下匹配所有的子元素
    - prev+next
        匹配所有紧接在 prev 元素后的 next 元素
    - prev~siblings
        匹配 prev 元素之后的所有 siblings 元素

过滤选择器

在原有选择器匹配的元素中进一步进行过滤的选择器
注意: 过滤选择器  会拿前边执行后的新集合 操作后边的选择器
- :first
    选择第一个元素
- :last
    选择最后一个元素
- :not(选择器)
    选择不包含not后的()中的元素
- :gt(index)
    选择所有大于索引值条件的元素
- :lt(index)
    选择所有小于索引值条件的元素
- :contains(文本内容)
    选择对应文本内容的元素
- :hidden
    选择隐藏的元素
- [属性]
    选择有对应属性的元素
- [属性:属性值]
    选择有对应属性的属性值的元素

表单选择器

1.  表单
2.  表单对象属性

$工具方法

1.  $.each()
    遍历数组或对象中的数据
2.  $.trim()
    去除字符串前后两端的空格
3.  $.type(obj)
    得到数据的类型
4.  $.isArray(obj)
    判断是否为数组
5.  $.isFunction(obj)
    判断是否为函数
6.  $.parseJSON(json)
    解析json字符串转化为js对象 | 数组
    
    json整体就2种类型
        1.  json对象 : {key1:value1 , key2:value2}
            key只能是字符串
        2.  json数组 : [value1, value2]
        
        value的类型
            number  string  boolean  null  []  {}

属性

注意: 
    只有一个形参的,不传是读取,传参是写
    有两个形参的,传一个是读取,传两个是写
1.  操作任意属性
    attr(,)
        使用attr()对属性进行添加,会将在()中写的属性覆盖原来的属性
    removeAttr()
        使用removeAttr()对属性进行删除,会删除所有的属性
    prop(,)
        这个是针对于属性名和属性值是相同的属性的,也叫布尔值属性
2.  操作class属性
    addClass()
        这个添加class属性不会覆盖原来的属性,但只能操作class
    removeClass()
        这个删除class属性不会删除所有的属性,但只能操作class
3.  操作HTML代码|文本|值
    html()
    val()

attr 与prop的区别
    attr多用于设置自定义属性
    prop多用于设置布尔值属性