zoukankan      html  css  js  c++  java
  • jquery选择器

    jQuery: 调用js数据(得到的是Object对象并不是dom对象,jquery对象与dom对象可以相互转换)
         jquery[i]变为dom对象,$(dom)转换为jquery对象
     

          选择器:
        1> 基本选择器、层次选择器、过滤选择器.
           1、基本选择器:
            a> ID选择器:$("#myDiv")等同于 document.getElementById("myDiv");
            b> 元素选择器:$("div")等同于 document.getElementsByTagName("div");
            c> 类选择器: $(".myClass")取得含有myClass的css文件的愿元素.
            d> 星号选择器: $("*")、$("body *")获得该标签下的所有元素.
            e> 复合算择期: $("div,p.myClass, form *")把每一个选择器匹配到的对象合并后全部返回(如果是子父元素则只返回父元素).

           2、层次选择器:
            a> 后代选择器:  $("form input")  返回form 表单下input元素及其子孙元素.
            b> 子元素选择器: $("form > input") 返回form表单下所有input子元素.
            c> 兄弟选择器: $("form ~ input") 返回form表单的兄弟input元素
            d> 后续选择器: $("lable + input") 返回lable 元素后紧跟着的input元素
          
           3、过滤选择器:
            a> $("input : first") 返回input中的第一个元素        
            b> $("input : last") 返回input中的最后一个元素
            c> $("input : even") 返回input数组中的第一个元素
            d> $("input : odd") 返回input数组中的偶数项(从0开始)
            e> $("input : eq(index)")  返回某一位置的元素
            f> $("input : gt(index)") 匹配所有大于给定索引值的元素
            g> $("input : lt(index)") 匹配所有小于给定索引值的元素
     
      2>  属性选择器 :
            a> div中包含id属性的元素: $("div[id]");
            b> 属性值等于(不等于)某值: $("input[name = 'xxx']") $("input[name != 'xxx']")
            c> 属性值以某值开始(结束) $("input[name ^= 'xxx']") $("input[name $= 'xxx']")
            d> 属性值中包含某值: $("input[name *= 'xxx']")  

  • 相关阅读:
    Perl的运算符号字符
    windows xp 使用远程桌面时的关机/重新启动方法
    抵御TCP的洪水
    远程桌面连接中的常见问题 连接上就断开
    批量kill mysql进程
    Linux如何查看硬盘型号和缓存
    Apache Rewrite 规则详解
    nginx 内置变量大全
    大数据量分页存储过程效率测试附代码
    ASP.Net 更新页面输出缓存的几种方法(包括用户控件,iframe,页面缓存等)
  • 原文地址:https://www.cnblogs.com/Shevo/p/7858530.html
Copyright © 2011-2022 走看看