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

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

  • 相关阅读:
    (转)eclipse使用技巧
    smartupload 上传文件时 把页面编码改成gbk 解决乱码
    引入外部js如何通知页面其编码格式
    OGNL表达式中的#、%和$
    javaweb提示框问题
    理解iOS 8中的Self Sizing Cells和Dynamic Type
    淘宝内部的兼容大屏幕iPhone设计流程
    ReactiveCocoa & MVVM 学习总结一
    ReactiveCocoa & MVVM 学习总结二
    Objective-C GCC Code Block Evaluation C Extension ({…})语法
  • 原文地址:https://www.cnblogs.com/mxnd/p/7228960.html
Copyright © 2011-2022 走看看