分类解析jQuery选择器

2020-05-27 17:55:25易采站长站整理

  </div>
  <div>
    <p>我是一个P</p>    ***会被选中,是div下的唯一一个P元素
  </div>

8、表单对象属性过滤选择器

  (1)、:enabled  获取表单中所有属性为可用的元素


$("input:enabled").val("jQuery表单对象属性过滤选择器");
  <div>
    <input type="text" value="我是一个可用的input" />    ***会被选中,是一个可用的表单元素
    <input type="text" value="我是一个不可用的input" disabled="disabled" />  ***不会被选中,是不可用的表单元素
  </div>

(2)、:disabled  获取表单中属性不可用的元素


  $("input:enabled").val("jQuery表单对象属性过滤选择器");
  <div>
   <input type="text" value="我是一个可用的input" />    ***不会被选中,是一个可用的表单元素
   <input type="text" value="我是一个不可用的input" disabled="disabled" />  ***会被选中,是不可用的表单元素 //注意,jQuery能够操作不可用   的表单元素
  </div>

(3)、:checked    获取表单中被选中的元素  从属性能够知道用户选中了哪个


  $("input:checked").val("jQuery");
    <div>
      <input type="checkbox" checked="checked" value="1">选中
      <input type="checkbox" value="0">未选中
    </div>

(4)、:selected    获取表单中被选中的元素  此属性能够知道用户选择了哪个


alert($("input:selected").text(""));  //获取所有被选中的option元素
    <div>
      <selected>
        <option value="0" selected="selected">option1</option>  ***会被选中
        <option value="1">option2</option>          ***不会被选中,因为本option不是选中的。
      </selected>
    </div>

9、表单选择器

(1)、:input  获取所有的input、textarea、select


$(":input").val("jQuery");
    <div>
      <textarea>我是一个兵</textarea>  ***会被选中
      <input text="button" value="" />  ***会被选中
      <p>我是一个P</p>          ***不会被选中
    </div>

(2)、:text  获取所有的单行文本框,也就是<input type=”text” />元素