jQuery的选择器中的通配符,jQuery的选择器中的通配符使用介绍

1.选择器
(1)通配符:

jQuery的采取器中的通配符

jquery选取器中的通配符平日采纳,大约的用法总计如下:

复制代码 代码如下:

jQuery的选用器中的通配符

1.选择器

(1)通配符:

$(“input[id^=’code’]”);//id属性以code伊始的具有input标签

$(“input[id$=’code’]”);//id属性以code结束的有着input标签

$(“input[id*=’code’]”);//id属性包蕴code的兼具input标签

(2)依照目录选用

$(“tbody tr:even”); //选取索引为偶数的富有tr标签

$(“tbody tr:odd”); //选用索引为奇数的有所tr标签

(3)获得jqueryObj下拔尖节点的input个数

jQuery的选择器中的通配符,jQuery的选择器中的通配符使用介绍。jqueryObj.children(“input”).length;

(4)获得class为main的竹签的子节点下具备标签

$(“.main > a”);

(5)接纳紧邻标签

jqueryObj.next(“div”);//获取jqueryObj标签的末端紧邻的二个div,nextAll获取具备

2.筛选器

//not

$(“#code
input:not([id^=’code’])”);//id为code标签内不分包id以code开首的具有input标签

3.事件

//管理文本框上的键盘操作

jqueryObj.keyup(function(event){

var keyCode = event.which;//获取当前按下键盘的键值,回车键为13

}

4.工具函数

$(‘#someField’).val($.trim($(‘#someField’).val()));//消除空格,语法:$.trim(value)

jQuery的接纳器中的通配符
1.增选器 (1)通配符:
$(input[id^=code]);//id属性以code起先的富有input标签
$(input[id$=code]);//…

$("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标签

$(“input[id^=’code’]”);//id属性以code开端的有所input标签
$(“input[id$=’code’]”);//id属性以code结束的兼具input标签
$(“input[id*=’code’]”);//id属性包括code的保有input标签

采纳示例

(2)依据目录选取

$("input[name*='code']").each(fuction(){
  var sum=0;
if($(this).val()!=""){
 sum=parseInt(sum)+parseInt($(this).val());
}
$("#").text(sum);
})

复制代码 代码如下:

使用时注意 有关如下input:

$(“tbody tr:even”); //选用索引为偶数的保有tr标签
$(“tbody tr:odd”); //选拔索引为奇数的享有tr标签

 <input type="text" name="code[0]" id="haorooms[0]" />

(3)得到jqueryObj下一流节点的input个数

请不要用

复制代码 代码如下:

$("#haorooms[0]") 

jqueryObj.children(“input”).length;

开展采取,那样一般会并发难点,极度是select的时候。要用如下情势

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图