zoukankan      html  css  js  c++  java
  • jQuery 第二课 —— 选择定位

    前言:

      jQuery有着自己丰富多彩的功能方法,

      但是不管实现什么功能或者方法,

      最基础的就应该先选择定位到对象,

      然后再对对象进行一系列的操作

    本章目标:了解jQuery的多种选择器


     

    内容:

      jQuery常用的选择器有以下几种:

        1.通过 id

        2.通过 class

        3.通过 tagName

        4.后代选择器

        5.子选择器

        6.紧邻选择器

        7.同辈选择器

        8.选择多个

    1.通过 id

      关键符号 #

      写法:$("#idName")

      例子:

        

    2.通过 class

      关键符号 .

      写法:$(".className")

      例子:

        

    3.通过 tagName

      关键符号 标签名

      写法:$("tagName")

      例子:

        

    4.后代选择器

      关键符号   (空格)

      写法:$("from input")

      含义:from 标签内的所有后代 input 元素

      例子:

        

    5.子选择器

      关键符号 > 

      写法:$("from>input")

      含义:from 标签内子的 input 元素

      例子:

        

    6.紧邻选择器

      关键符号 +

      写法:$("span+input")

      含义:span 标签下一个紧挨着同辈的 input

      例子:

        

    7.同辈选择器

      关键符号 ~

      写法:$("span~input")

      含义:与 span 同辈的 input 标签

      例子:

        

    8.选择多个

      关键符号 ,

      写法:$("#a01,.c01")

      含义:选定 id 为 a01,class 为 c01

      例子:

        


    总结:

      jQuery 的 选择器是有多种多样的,

      如果灵活的去运用也是需要多多练习,加以巩固

  • 相关阅读:
    2022年第一天
    RestTemplate、 Ribbon、 OpenFeign 关系以及OpenFeign使用连接池
    linux下面编写简单的c++程序
    Rocket简介以及单机版安装
    事务源码(二)
    javaagent技术&Attach技术
    gateway网关原理
    Maven自定义插件以及使用
    AotucCrawler 快速爬取图片
    Monkey工具之fastbotiOS实践
  • 原文地址:https://www.cnblogs.com/mxnd/p/7228960.html
Copyright © 2011-2022 走看看