zoukankan      html  css  js  c++  java
  • jquery学习之路之选择过滤

    $(myForm.elements).

    jquery选择过滤学习:
    $("tr:even")----匹配所有的偶数行(索引值查询)
    $("tr:odd")----匹配所有的技术行
    $("tr:eq(2)")----匹配下标为2的tr元素内容
    $("tr:gt(1)")----匹配所有下标大于1的行
    $("tr:lt(2)")----匹配所有下标小于2的行
    $("div:not(:animated)").animate({left:"+=20"},1000);
    ----只有对不在执行动画效果的元素执行一个动画效果
    $("#login:focus"); ----当页面加载后将id为"login"的元素设置为焦点
    $("div:contains('John')")----查找所有包含"Join"的div元素
    $("td:empty");----查找所有不包含子元素或者文本的空元素
    $("div:has(p)").addClass("test");----给多有包含p元素的div元素添加一个text的类
    $("td:parent")----查找所有含有子元素或者文本的td元素
    $("input:hidden")----匹配type为hidden的元素(或者查找隐藏的tr,$("tr:hidden"),-----------style(disply:none)表示被隐藏)

    $("tr:visible")----查找所有可视的tr元素

    $("div[id]")----查找所有含有id属性的div元素
    $("input[name='newslstter']").attr("checked",true);
    $("input[name!='newslstter']").attr("checked",true);
    $("input[name^='news']")-----以news开头的input元素
    $("input[name$='news']")-----以news结尾的input元素
    $("input[name*='man']")----查找所有name包含main的input元素
    $("input[id][name$='man']")----找到所有含有id属性,并且它的name值以man结尾的元素
    $("ul li:nth-child(2)")----在每个ul中查找第二个li
    $("ul li:first-child")
    $("ul li:last")
    $("ul li:only-child")----在ul中查找是唯一子元素的li

    $(":input")----查找所有的input元素
    $(":text")----查找所有的单行文本框
    $(":password")----查找所有的密码框
    $(":...")----查找所有的...

    $(":ennabled")
    $(":disabled")----匹配所有不可用的元素
    $(":checked")----查找所有选中的复选框的元素(复选框、单选框等不包括select的option)
    $(":selected")----匹配所有选中的option元素

    $("div,span,p.myClass")----找到匹配任意一个类的元素
    $("form input")----找到表单中所有的input元素
    $("form > input")----匹配表单中所有的子级input元素
    $("lable + input")----匹配所有跟在lable后面的input元素
    $("form input")----找到所有与表单同辈的input元素

    $("input[type='checkbox']").prop("checked");----选中为true,未选中为false
    $("input[type='checkbox']").prop({disabled:true});----禁用页面上的所有复选框

    $("input[type='checkbox']").prop("chehcked",function(i,val){
    return !val;
    }); ------通过函数来设置所有页面上的复选框被选中


    核心函数:

  • 相关阅读:
    移动端按钮居底
    easyui用KindEditor编辑器
    查找数组中与后面项匹配的和猴子选大王
    before和after的样式符号
    jq的select
    验证最多2位小数,1到10 不超过10 带两位小数的正则表达式
    在谷歌浏览器下vue的@input事件问题
    mvc项目+vue+vant【进行中】
    微商代理查询系统 开发完成,免费体验试用哦!
    淘宝出了个麻吉宝区块连产品,附带麻吉宝邀请码!
  • 原文地址:https://www.cnblogs.com/shunzdd/p/5586007.html
Copyright © 2011-2022 走看看