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 的 选择器是有多种多样的,

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

  • 相关阅读:
    Dependency property changed example
    业务数据分析
    WPF : 以鼠标指针为中心缩放
    WPF待学习问题列表(未完)
    GirdView前台数据类型转换
    牛人的博客
    使用Xpath对XML进行模糊查询
    XPath语法
    【HDU】3415 Max Sum of MaxKsubsequence
    【HDU】3474 Necklace
  • 原文地址:https://www.cnblogs.com/mxnd/p/7228960.html
Copyright © 2011-2022 走看看