zoukankan      html  css  js  c++  java
  • jQuery:自学笔记(2)——jQuery选择器

    jQuery:自学笔记(2)——jQuery选择器

    基本选择器

      说明

         jQuery的基本选择器与CSS的选择器相似:

        

      实例

        标签选择器

        //使用标签选择器更改字体大小
          $(div).css('font-size','18px')

        ID选择器

        //使用id选择器改变背景颜色
          $('#div1').css('background','red');

    说明:ID选择器中,ID前面必须加一个#,以表明这是一个jQuery的ID选择器。

        类选择器

        //使用类选择器设置字体样式
          $('.spanclass').css('font-style','body')
        通配选择器
        //通配符选择器
          $('*').css('color','red');

    层次选择器

      说明  

        网页中的DOM结构表现为树状结构,在选择元素时,通过DOM元素之间的层次关系,可以获取到需要的元素,比如当前节点的后代节点、父子关系的节点、兄弟关系的节点等等。

        

    基本过滤选择器

      说明

        基本过滤选择器也可以称为简单过滤选择器,它是过滤选择器中最为广泛的一种,它主要用来选择首位、指定索引、奇数或偶数位的元素等等。    

        

      实例

        

    属性过滤器

       说明

        属性过滤器是jQuery中非常有用的一种选择器,它可以基于HTML元素的属性来选择特定的元素。
        除了根据不同的属性来选择元素,还可以根据不同的属性值来选取元素

        

      实例

        

    表单选择器    

        表单选择器可以匹配当前文档或者某一个表单内部的所有的表单元素。   

        

  • 相关阅读:
    关于FPS游戏痕的问题
    移动端输入框获取焦点后,虚拟键盘弹起,把固定的底部也顶起来了
    正则匹配移动端
    js 判断对象是否为空
    jsonp跨域原理解析
    Webstorm的一些常用快捷键
    webstorm创建js文件时自动生成js注释
    帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
    this指北 (一篇读懂)
    原型链
  • 原文地址:https://www.cnblogs.com/MrSaver/p/6347338.html
Copyright © 2011-2022 走看看