zoukankan      html  css  js  c++  java
  • jQuery选择器之表单对象属性筛选选择器

    除了表单元素选择器外,表单对象属性筛选选择器也是专门针对表单元素的选择器,可以附加在其他选择器的后面,主要功能是对所选择的表单元素进行筛选

    表单筛选选择器的描述:

    注意事项:

    1. 选择器适用于复选框和单选框,对于下拉框元素, 使用 :selected 选择器
    2. 在某些浏览器中,选择器:checked可能会错误选取到<option>元素,所以保险起见换用选择器input:checked,确保只会选取<input>元素

    <body>
    <h2>子元素筛选选择器</h2>
    <h3>enabled、disabled</h3>
    <form>
    <input type="text" value="未设置disabled" />
    <input type="text" value="设置disabled" disabled="disabled" />
    <input type="text" value="未设置disabled" />
    </form>

    <script type="text/javascript">
    //查找所有input所有可用的(未被禁用的元素)input元素。
    $("input:enabled").css("border", "2px groove red");
    </script>

    <script type="text/javascript">
    //查找所有input所有不可用的(被禁用的元素)input元素。
    $("input:disabled").css("border", "2px groove blue");
    </script>

    <h3>checked、selected</h3>
    <form>
    <input type="checkbox" checked="checked">
    <input type="checkbox">
    <input type="radio" checked>
    <input type="radio">

    <select name="garden" multiple="multiple">
    <option>imooc</option>
    <option selected="selected">慕课网</option>
    <option>aaron</option>
    <option selected="selected">博客园</option>
    </select>

    </form>

    <script type="text/javascript">
    //查找所有input所有勾选的元素(单选框,复选框)
    //移除input的checked属性
    $("input:checked").removeAttr('checked')
    </script>

    <script type="text/javascript">
    //查找所有option元素中,有selected属性被选中的选项
    //移除option的selected属性
    $("option:selected").removeAttr('selected')
    </script>

    </body>

  • 相关阅读:
    如何优雅地关闭资源
    JMeter使用教程2——MySQL压测
    JMeter使用教程
    Redis系列(五):消息队列
    Redis系列(四):地理信息
    Redis系列(三):Bitmaps和HyperLogLog
    Redis系列(二):常用操作
    Redis系列(一):安装
    linux命令学习_实验楼(总结)
    【转】Linux中常用的tar解压打包命令语法介绍
  • 原文地址:https://www.cnblogs.com/liaolijun/p/7300333.html
Copyright © 2011-2022 走看看