• jquery 选择器


    判断对象是否存在

    if($('#tt').length>0){

    do something;

    }

    改变所有的span元素和id为two的元素的背景颜色

    $('span,#two').css('background','#bbffaa');

    $('div span') 选取div里的所有span元素

    $('div>span') 选取div元素下元素名是span的子元素

    $('input:not(.myclass)') 选取class不是myclass的input元素

    $('input:even') 选取索引是偶数的input元素

    $('input:odd) 选取索引是奇数的input元素

    $('input:eq(1)') 选取索引等于1的input元素

    $('input:gt(1)') 选取索引大于1的input元素

    $('input:lt(1)') 选取索引小于1的input元素

    $(':focus') 获取当前获取焦点的元素

    $('div:first') 改变第一个div的

    $('div:last') 改变最后一个div的

    $('div:not(.one)')改变class不为one的div

    $("div:contains('我')")选取含有文本我的div元素

    $("div:empty")选取不包含子元素(包括文本元素)的div空元素

    $("div:has(p)")选取含有p元素的div元素

    $(":hidden")选取所有不可见的元素。包括<input type="hidden" />,<div style="display:none;" />和<div style="visibiliy:hidden;" />等元素,如果只想选取input元素,可以用$("input:hidden")

    $(":visible)选取所有可见元素.

    $("div[id]")选取拥有id属性的div

    $("div[title=test]选取属性title为test的div元素

    $("div[title!=test]选取属性title不为test的div元素

    $("div[title^=test]选取属性title以test开始的div元素

    $("div[title$=test]选取属性title以test结尾的div元素

    $("div[title*=test]选取属性title含有test的div元素

    :nth-child()子元素过滤器

    1 :nth-child(even)能选取每个父元素下的索引值是偶数的元素。

    2 :nth-child(odd)能选取每个父元素下的索引值是奇数的元素。

    3 :nth-child(2)能选取每个父元素下的索引值是2的元素。

    4 :nth-child(3n)能选取每个父元素下的索引值是3的倍数的元素,(n从1开始)

    5 :nth-child(3n+)能选取每个父元素下的索引值是3n+1的元素,(n从1开始)

    eq(index)只匹配一个元素,index是从0开始,而:nth-child(index)将每一个符合条件的父元素匹配子元素,而且index是从1开始。

    $("#form1 :enabled")选取id为form1的表单内的所有可用元素

    $("#form1 :disabled")选取id为form1的表单内的所有不可用元素

    $("input :checked")选取input元素的所有被选中元素

    $("select option:selected")选取下拉框的所有被选中元素

    $("#form1 input:disabled").val("test")改变form表单中input的val的值为test

    $("input:checked").length;获取多选框选中的个数

    $("select :selected").text();获取下拉框选中的内容

  • 相关阅读:
    F#新Bug,小心! module 里的泛型变量。
    F#: mutable 关键字不适宜用于结构中声明可变值
    简说F#的数组
    元组——秃瓢(Tuple)
    如何用Xmind编写测试用例
    如何提高评审的效率
    接口测试实例/20200622
    mysql数据库的基本增删改查操作总结
    面试技巧篇02:面试前必看!
    面试技巧篇01
  • 原文地址:https://www.cnblogs.com/blueskycc/p/5099769.html
Copyright © 2020-2023  润新知