jQuery的选择器中的通配符[id^=\code\]或[name^=\code\]及jquery选择器总结

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

//弹层操作
$(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