你的位置:首页 > Java教程

[Java教程]jQuery的选择器中的通配符[id^=code]或[name^=code]


这两天在做一个专题的时候遇到了一个通配符的问题

//弹层操作
$(function(){
//视频播放
$("a[href^='#video']").each(function(index, element) {
$(this).click(function(){
$(".popDiv,#videoBox1").show();
});
});

//图片
$(".imgs a:not([href^='#video'])").each(function(){
$(this).children("img").click(function(){
var src=$(this).attr("attr");
//alert(src);
$("#picBox img").attr("src","images/" + src);
$(".popDiv,#picBox").show();
$("#picBox img").animate({opacity:'1'},500)
});
});
$(".close").click(function(){
$(".popDiv,.popBox").hide();
$(".box").css("margin","0 0 0 100%");
$("#picBox img").css({opacity:'0'},1000)
});
})

问题已解决!有这样的问题,可以参考下面的详细用法:

1.选择器

(1)通配符:

$("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[name*='code']").each(fuction(){

    var sum=0;

if($(this).val()!=""){

  sum=parseInt(sum)+parseInt($(this).val());

}

$("#").text(sum);

})

(2)根据索引选择

$("tbody tr:even"); //选择索引为偶数的所有tr标签

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

(3)获得jqueryObj下一级节点的input个数

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)