zoukankan      html  css  js  c++  java
  • 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();获取下拉框选中的内容

  • 相关阅读:
    Apache-Tomcat 和 Apache-Maven配置
    php版本CKFinder3.4.4自定义上传文件位置
    php版本CKEditor 4和CKFinder安装及配置
    windows10 卸载 Docker 和 DockerNAT
    faker php测试数据库生成2
    faker php测试数据库生成
    我的php.ini上传文件配置
    同一个网址电脑手机访问显示不同内容思路
    mysql where 条件中的字段有NULL值时的sql语句写法
    Chrome导出书签瘦身,去除ADD_DATE和ICON
  • 原文地址:https://www.cnblogs.com/blueskycc/p/5099769.html
Copyright © 2011-2022 走看看