Jquery

2021-01-30 15:15

阅读:748

标签:ade   htm   head   动画   ima   固定   开头   tor   bsp   

JQuery入口函数:

 $(function(){
        // 执行代码
    });

基本选择器:

1. 标签选择器(元素选择器)
                * 语法: $("html标签名") 获得所有匹配标签名称的元素
            2. id选择器
                * 语法: $("#id的属性值") 获得与指定id属性值匹配的元素
            3. 类选择器
                * 语法: $(".class的属性值") 获得与指定的class属性值匹配的元素
            4. 并集选择器:
                * 语法: $("选择器1,选择器2....") 获取多个选择器选中的元素之和
            5. 全部选择器
                * 语法: $("*")         获取此页面中的所有元素

2.层级选择器:

1. 后代选择器
                * 语法: $("A  B ") 选择A元素内部的所有B元素       
            2. 子选择器
                * 语法: $("A > B") 选择A元素内部的所有直接子元素B
            3. 亲弟弟选择器
                * 语法: $("A + B ") 选择紧接在A元素之后同级B元素       
            4. 弟弟选择器
                * 语法: $("A ~ B") 选择A元素之后的所有同级B元素
3.属性选择器

1. 属性名称选择器
                * 语法: $("A[属性名]") 包含指定属性的选择器
            2. 属性选择器
                * 语法: $("A[属性名=‘值‘]") 包含指定属性等于指定值的选择器
                        可选关系运算符:
                            !=  :属性值不等于该值
                           ^=  :属性值以该值开头
                            $=  :属性值以该值结尾
                            *=  :属性值中包含该值
            3. 复合属性选择器
                * 语法: $("A[属性名=‘值‘][]...") 包含多个属性条件的选择器,必须都符合

4:过滤选择器

1. 首元素选择器
                * 语法: :first 获得选择的元素中的第一个元素
            2. 尾元素选择器
                * 语法: :last 获得选择的元素中的最后一个元素
            3. 非元素选择器
                * 语法: :not(selector) 不包括指定内容的元素
            4. 偶数选择器
                * 语法: :even 索引为偶数,从 0 开始计数
            5. 奇数选择器
                * 语法: :odd 索引为奇数,从 0 开始计数
            6. 等于索引选择器
                * 语法: :eq(index) 指定索引元素,从0开始
            7. 大于索引选择器
                * 语法: :gt(index) 大于指定索引元素
            8. 小于索引选择器
                * 语法: :lt(index) 小于指定索引元素
            9. 标题选择器
                * 语法: :header 获得标题(h1~h6)元素,固定写法
            10. 动画选择器
                * 语法: :animated 获得正在执行动画效果的元素
            11. 焦点选择器
                * 语法: :focus 获得当前取得焦点的元素

Jquery

标签:ade   htm   head   动画   ima   固定   开头   tor   bsp   

原文地址:https://www.cnblogs.com/caiwei321/p/13195267.html


评论


亲,登录后才可以留言!