jquery选择器中的通配符经常用到,大致的用法总结如下:
1
2
3
4
5
6
|
$(
"input[id^='code']"
);
//id属性以code开始的所有input标签
$(
"input[id$='code']"
);
//id属性以code结束的所有input标签
$(
"input[id*='code']"
);
//id属性包含code的所有input标签
$(
"input[name^='code']"
);
//name属性以code开始的所有input标签
$(
"input[name$='code']"
);
//name属性以code结束的所有input标签
$(
"input[name*='code']"
);
//name属性包含code的所有input标签
|
使用示例
1
2
3
4
5
6
7
|
$(
"input[name*='code']"
).each(fuction(){
var
sum=0;
if
($(
this
).val()!=
""
){
sum=parseInt(sum)+parseInt($(
this
).val());
}
$(
"#"
).text(sum);
})
|
使用时注意
关于如下input:
1
|
<
input
type
=
"text"
name
=
"code[0]"
id
=
"haorooms[0]"
/>
|
请不要用
1
|
$(
"#haorooms[0]"
)
|
进行选择,这样通常会出现问题,特别是select的时候。要用如下方式
1
|
$(
"input[id^='haorooms']"
)
|
或者
1
|
$(
"input[name^='code']"
)
|
(2)根据索引选择
(3)获得jqueryObj下一级节点的input个数
(4)获得class为main的标签的子节点下所有<a>标签
(5)选择紧邻标签
2.筛选器
//not
3.事件
//处理文本框上的键盘操作
jqueryObj.keyup(function(event){
var keyCode = event.which;//获取当前按下键盘的键值,回车键为13
}
4.工具函数
$('#someField').val($.trim($('#someField').val()));//消除空格,语法:$.trim(value)