博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jquery学习笔记(一)
阅读量:6364 次
发布时间:2019-06-23

本文共 1669 字,大约阅读时间需要 5 分钟。

  一.Jquery的基本功能

  1. 访问操作DOM
  2. 控制CSS
  3. 对页面事件进行处理
  4. 大量插件

  二.Jquery选择器

  主要分为四种,分别是基本选择器,层次选择器,过滤选择器,和表单选择器,其中当属基本选择器用途最广泛。

  1.基本选择器

    类似于getElemenById(“”)<=>$("")

    常用的有$("*"),$("#id"),$(".class"),$("p"),$(.class1 .class2).

  2.层次选择器

    $(“ancestor descendant”)后代选择器:选择给定祖先ancestor元素的所有后代元素,包括子元素,孙子元素等全部后代元素

    $(“parent > child”)子选择器:选择所有指定”parent”元素中指定的”child”的直接子元素//注意是直接子元素

    $(“prev + next”)相邻兄弟选择器:选择所有紧接在prev元素后的next元素//eg:$("#div1+div")选择id为div1的下一个div

    $(“prev ~ siblings”)一般兄弟选择器:匹配“prev”元素之后的所有兄弟元素。具有相同的父元素,并匹配过滤出“siblings”选择器。//eg:$("#div1~div") 选择id为div1后的所有div

    $(“prev" ).siblings("div")//eg:$("#div1").siblings("div") 选择id为div1后的所有相邻div 注意与上面进行区分

  3.过滤选择器

    (1).简单过滤选择器

        first()或者:first 获取第一个元素

        last()或者:last 获取最后一个元素
        :not(selector)获取除开给定选择器的其他元素
        :even获取索引为偶数的元素,索引从0开始
        :odd获取索引为奇数的元素,索引从0开始
        :eq(index)获取制定索引元素,从0开始
        :gt(index)获取大于给定索引的元素,从0开始
        :lt(index)获取小于给定索引的元素,从0开始

    (2).内容过滤选择器 

        :contains(text) 获取包含给定文本的元素

        :empty 获取所有不包含子元素或文本的空元素

        :has(selector)获取所有选择器所匹配的元素的元素

        :parent 获取含有子元素或文本的元素

    (3).可见性过滤选择器

        :hidden获取所有不可见元素或type为hidden的元素

        :visible获取所有可见元素

    (4).属性过滤选择器

        [attribute=|!=|^=|$=|*=value]给定属性等于,不等于,以某些值开始,以某些值结尾,包含某些值eg:$("div[title='A']")

    (5).子元素过滤选择器

        :first-child/:last-child获取每个父元素下第一个或最后一个元素

        :only-child获取父元素下仅有一个子元素

        :nth-child(eq|even|odd|index)获取特定元素索引号为1

    (6).表单对象属性选择器

        :enabled/:disable表单中属性可用/不可用

        :checked/:selected获取表单中所有被选中/被选中option的元素

    4.表单选择器

        :input所有input

        :text所有文本域

         

转载于:https://www.cnblogs.com/yhr520/p/9495080.html

你可能感兴趣的文章
Activity入门(一)
查看>>
CentOS下如何从vi编辑器插入模式退出到命令模式
查看>>
Mysql索引的类型
查看>>
Eclipse debug模式 总是进入processWorkerExit
查看>>
Nginx的https配置记录以及http强制跳转到https的方法梳理
查看>>
[每天五分钟,备战架构师-1]操作系统的类型和结构
查看>>
springcloud(十三):Eureka 2.X 停止开发,但注册中心还有更多选择:Consul 使用详解...
查看>>
关于Boolean类型做为同步锁异常问题
查看>>
TestLink运行环境:Redhat5+Apache2.2.17+php-5.3.5+MySQL5.5.9-1
查看>>
Get File Name from File Path in Python | Code Comments
查看>>
显示本月每一天日期
查看>>
Open Source Databases Comparison
查看>>
sprintf,你知道多少?
查看>>
[转]java 自动装箱与拆箱
查看>>
NET的堆和栈04,对托管和非托管资源的垃圾回收以及内存分配
查看>>
think in coding
查看>>
IdHttpServer实现webservice
查看>>
HTML的音频和视频
查看>>
Unsupported major.minor version 52.0
查看>>
面对对象之差异化的网络数据交互方式--单机游戏开发之无缝切换到C/S模式
查看>>