JQuery

概述:

  JQuery:JavaScript和查询,他是辅助JavaScript开发的js类库。

   他的的核心思想就是write less,do moire 实现了很多浏览器兼容问题

JQuery的核心函数  $(参数)

     1 参数是函数:$(function(){}) =====window.onlooad = function(){}

     2 参数是“HTML标签”:创建HTML标签对象

     3 参数是“选择器” 查询标签对象

     4 参数是dom对象  转换为jQurey对象

Dom对象与JQuery对象的转换

     dom---------->jQurey          var $obj = $(dom对象)

    jQuery--------->dom            var dom = $obj[下标]

JQuery的选择器

 基本选择器:  #id选择器     .class选择器   tag标签选择器    选择器1,选择器2 【并集选择器】

 层次选择器:父选择器【空行】子选择器  指定的在父选择器的后代属性

                                          >         指定的在父选择器的下的所有的子属性

                             prev + next       相邻元素选择器 匹配所有紧接在 prev元素后的next元素

                             prev ~ subings 之后的兄弟元素选择器  匹配prev元素之后的所有siblings元素

过滤选择器:

                             :first                         获取第一个元素
                             :last                         获取最后个元素

                             :not(selector)          去除所有与给定选择器匹配的元素
                             :even                       匹配所有索引值为偶数的元素,从О开始计数
                              :odd                        匹配所有索引值为奇数的元素,从О开始计数
                             :eq(index)                匹配一个给定索引值的元素
                             :gt(index)                 匹配所有大于给定索引值的元素
                             :lt(index)                  匹配所有小于给定索引值的元素
                             :header                    匹配如h1, h2, h3之类的标题元素
                             :animated                匹配所有正在执行动画效果的元素
内容过滤器:

                            :contains(text)              匹配包含给定文本的元素
                            :empty                          匹配所有不包含子元素或者文本的空元素
                            :parent                          匹配含有子元素或者文本的元素
                            :has(selector)                匹配含有选择器所匹配的元素的元素

属性过滤器:

            [attribute]                          匹配包含给定属性的元素。
            [attribute=value]                匹配给定的属性是某个特定值的元素

            [attribute!=value]                匹配所有不含有指定的属性,或者属性不等于特定值的元素。
            [attribute个=value]             匹配给定的属性是以某些值开始的元素
            [attribute$=value]               匹配给定的属性是以某些值结尾的元素
            [attribute*=value]               匹配给定的属性是以包含某些值的元素
            [attrSel1][attrSel2][attrSelN]       复合属性选择器,需要同时满足多个条件时使用。
表单过滤器 :

             :input                   匹配所有input, textarea, select和 button元素
             :text                     匹配所有文本输入框
             :password            匹配所有的密码输入框
             :radio                   匹配所有的单选框
             :checkbox            匹配所有的复选框

             :submit                 匹配所有提交按钮
             :image                 匹配所有img标签
             :reset                   匹配所有重置按钮
             :button                 匹配所有input type=button

你可能感兴趣的:(JavaWeb,jquery,javascript,前端)