jQuery-Selectors(选择器)的使用(九、表单对象属性篇)

系列文章导航：

1. :enabled用法

定   义：匹配所有可用元素

返回值：Array

实   例：将ID为”div_a1″的DIV中所有可用的input元素的背景色改为红色

代   码： $(“#div_a1 input:enabled”).css(“background-color”,”red”); //点击按钮一将执行这句代码 DIV ID=”div_a1″

span ID=”span_a1″

texteara select

2. :disabled用法

定   义：匹配所有不可用元素

返回值：Array

实   例：将ID为”div_b1″的DIV中所有不可用的input元素的背景色改为红色

代   码： $(“#div_b1 input:disabled”).css(“background-color”,”red”); //点击按钮二将执行这句代码 DIV ID=”div_b1″

span ID=”span_b1″

texteara select

3. :checked用法

定   义：匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option)

返回值：Array

实   例：将ID为”div_c1″的DIV中所有包含选中状态复选框的元素背景色改为红色

代   码： $(“#div_c1 :has(input[type=’checkbox’]:checked)”).css(“background-color”,”red”); //点击按钮三将执行这句代码 DIV ID=”div_c1″

span ID=”span_c1″ DIV id=”div_c1_1″ DIV id=”div_c1_2″

DIV id=”div_c1_3″ DIV id=”div_c1_4″
注意：:has(selector)用法参见内容篇&可见性篇第3点， [type=’checkbox’]用法参见属性篇第2点。

4. :selected用法
定   义：匹配所有选中的option元素
返回值：Array
实   例：将ID为”div_d1″的DIV中所有select元素中选中的option元素的text值写入div_d1_1中
代   码： var SelectedText=$(“#div_d1 :selected”); //点击按钮四将执行这句代码

详细代码如下：
<
script type
=
“
text/javascript
“
>

   $(
“
#btn_4
“
).click(
function
(){

var
SelectedText
=
$(
“
#div_d1 :selected
“
);

for
(
var
i
=
0
;i
<
SelectedText.length;i
++
)
        {
             $(
“
#div_d1_1
“
).append((i
+
1
)
+

“
.
“
+
SelectedText[i].text
+
‘

‘
);
        }
   });

<
/
script>

DIV ID=”div_d1″

span ID=”span_d1″ span option1 span option2 span option3 div select1 div C# div VB div jQuery div select2 div Apple div Inter div Google div select3 div U.S.A. div U.K. div China

DIV id=”div_d1_1″
注意：append(content)指向某元素内部追加content，在以后的章节中会有讲解，敬请关注。

你可以下载这篇文章的HTML源文件：download

玄机博客

1.本站内容仅供参考，不作为任何法律依据。用户在使用本站内容时，应自行判断其真实性、准确性和完整性，并承担相应风险。

2.本站部分内容来源于互联网，仅用于交流学习研究知识，若侵犯了您的合法权益，请及时邮件或站内私信与本站联系，我们将尽快予以处理。

3.本文采用知识共享署名4.0国际许可协议 [BY-NC-SA] 进行授权

4.根据《计算机软件保护条例》第十七条规定“为了学习和研究软件内含的设计思想和原理，通过安装、显示、传输或者存储软件等方式使用软件的，可以不经软件著作权人许可，不向其支付报酬。”您需知晓本站所有内容资源均来源于网络，仅供用户交流学习与研究使用，版权归属原版权方所有，版权争议与本站无关，用户本人下载后不能用作商业或非法用途，需在24个小时之内从您的电脑中彻底删除上述内容，否则后果均由用户承担责任；如果您访问和下载此文件，表示您同意只将此文件用于参考、学习而非其他用途，否则一切后果请您自行承担，如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。