表单元素过滤选择器
-----------------------------------------------------------------------------------
开发工具与关键技术:VS.JQuery作者:纳兹,撰写日期:2019.07.18,源于:老师教程
-----------------------------------------------------------------------------------
表单对象属性过滤选择器:此选择器主要对所选择的表单元素进行过滤。主要有以下几种:enabled:选取所有可用元素;disabled:选取所有不可用元素;checked:选取所有被选中的元素(单选框,复选框);selected:选取所有被选中选项元素(下拉列表)。
属性值叫value,操控属性值的方法叫.val()。$(":text:enabled").val(“尚88858”):使所有的可用的单行文本框的value值变为88858。
(
"
:
t
e
x
t
:
d
i
s
a
b
l
e
d
"
)
.
v
a
l
(
"
w
w
w
.
a
t
g
u
i
g
u
.
c
o
m
"
)
:
使
所
有
不
可
用
的
文
本
框
里
面
的
v
a
l
u
e
值
不
可
变
。
c
h
e
k
e
d
b
o
x
名
字
是
它
的
,
因
为
有
可
能
有
多
个
c
h
e
c
k
e
d
b
o
x
,
v
a
r
n
u
m
=
(":text:disabled").val("www.atguigu.com"):使所有不可用的文本框里面的value值不可变。chekedbox名字是它的,因为有可能有多个checkedbox,var num =
(":text:disabled").val("www.atguigu.com"):使所有不可用的文本框里面的value值不可变。chekedbox名字是它的,因为有可能有多个checkedbox,varnum=(":checkbox[name=‘newsletter’]:checked").length; alert(num);被选中名字为newsletter的复选框的个数。
Selected主选框选择的内容,var len =
(
"
s
e
l
e
c
t
:
s
e
l
e
c
t
e
d
"
)
.
l
e
n
g
t
h
:
被
选
中
的
s
e
l
e
c
t
e
d
,
实
际
上
被
选
择
的
不
是
s
e
l
e
c
t
,
而
是
s
e
l
e
c
t
的
o
p
t
i
o
n
子
节
点
,
所
以
要
加
一
个
空
格
;
a
l
e
r
t
(
("select :selected").length:被选中的selected,实际上被选择的不是 select, 而是 select 的 option 子节点,所以要加一个 空格;alert(
("select:selected").length:被选中的selected,实际上被选择的不是select,而是select的option子节点,所以要加一个空格;alert((“select :selected”).val()):因为
(
"
s
e
l
e
c
t
:
s
e
l
e
c
t
e
d
"
)
选
择
的
是
一
个
数
组
,
当
该
数
组
中
有
多
个
元
素
时
,
通
过
.
v
a
l
(
)
方
法
就
只
;
能
获
取
第
一
个
被
选
择
的
值
了
。
("select :selected") 选择的是一个数组,当该数组中有多个元素时, 通过 .val() 方法就只;能获取第一个被选择的值了。
("select:selected")选择的是一个数组,当该数组中有多个元素时,通过.val()方法就只;能获取第一个被选择的值了。(“select :selected”).each(function(){alert(this.value);});}):jQuery 对象遍历的方式是 each, 在 each 内部的 this 是正在得到的 DOM 对象, 而不是一个 jQuery 对象。
以上为表单元素过滤选择器