当前位置: 代码迷 >> 综合 >> JQuery(15)——过滤器:属性过滤选择器和表单对象选择器
  详细解决方案

JQuery(15)——过滤器:属性过滤选择器和表单对象选择器

热度:23   发布时间:2023-10-01 18:30:49.0

1、属性过滤选择器:(属性过滤器用方括号括起来)

  • $("div[id]")选取有id属性的<div>
  • $(“div[title=test]”)选取title属性为“test”的<div>,JQuery中没有对getElementsByName进行封装,用$(“input[name=abc]”)。应用:获取所有的textbox
  • $("div[title!=test]")选取title属性不为“test”的<div>
  • 还可以选择开头、结束、包含等,条件还可以复合。

 

2、属性过滤器:

//inherit表示颜色是从父标签继承下来的颜色,尽量不要写死为“white”

$(this).siblings().css("backgroundColor", "inherit");

 

3、表单对象选择器(过滤器):

  • $("#form1:enabled")选取id为form1的表单内所有启用的元素。
  • $("#form1:disabled")选取id为form1的表单内所有禁用的元素。
  • $("input:checked")选取所有选中的元素(Radio、CheckBox)
  • $("select option:selected")选取所有选中的选项元素(下拉列表)。
  相关解决方案