jQuery的选择器中的通配符[id^='code']或[name^='code'],jquery选择器【88必发在线娱乐】

[html] 
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个数    
    jqueryObj.children(“input”).length;    
    (4)获得class为main的标签的子节点下所有<a>标签    
    $(“.main > a”);     
    (5)选择紧邻标签    
   
jqueryObj.next(“div”);//获取jqueryObj标签的后面紧邻的一个div,nextAll获取所有    
    (6)根据索引选择    
    $(“div”).eq(0);//获取第一个div标签    
2.筛选器    
    (1)not    
    $(“#code
input:not([id^=’code’])”);//id为code标签内不包含id以code开始的所有input标签    
3.其他    
    (1)创建一个文本框    
    var inputObj = $(“<input type=’text’/>”);    
    (2)取得文本框内容    
    jqueryObj.html();//html    
    jqueryObj.text();//纯文本    
    (3)取得标签属性值    
    jqueryObj.val();//取得标签value值    
    jqueryObj.attr(“属性名如:name”);//取得标签属性值    
    (4)向dom节点添加对象    
    inputObj.appendTo(jqueryObj);
//将新创建的对象追加到jqueryObj里    
   
inputObj.trigger(“focus”).trigger(“select”);//使文本框插入之后被选中 
    (5)改变CSS样式 
    inputObj.css({zIndex:3}); //给样式赋值 
    inputObj.css(“zIndex”); 
    (6)延迟    
    var timeoutId = setTimeout(function(){ 
},300);//延迟300毫秒,再执行函数    
    clearTimeout(timeoutId);//解除延迟,使未执行的函数不再执行    
    (7)定时间隔时间 
    var timerId = setInterval(function(){ 
},300);//每间隔300毫秒,再执行函数   
    clearInterval(timerId);//解除定时,使未执行的函数不再执行  
    (8)动画 
    inputObj.animate{“top”:3,”left”:3},300,function(){ }); 
4.事件    
    //处理文本框上的键盘操作    
    jqueryObj.keyup(function(event){    
        var keyCode =
event.which;//获取当前按下键盘的键值,回车键为13    
    }    
    mouseover(fn),mouseout(fn)//鼠标移进,移出     
5.效果    
   
show(),toggle(),slideDown(),slideUp(),slideToggle(),fadeIn(),fadeOut(),fadeTo()   
6.工具函数    
   
$(‘#someField’).val($.trim($(‘#someField’).val()));//消除空格,语法:$.trim(value)    
7.常用函数封装    
    (function($){    
        $.extend({    
            //操作多个多选框    
            controlAllCheckBox:function(tableId,isSelectAll){    
                if(tableId==undefined){    
                    throw new Error(“tableId
不能为空”);                
                }    
                else{    
                    if(isSelectAll==undefined){    
                        throw new Error(“isSelectAll
不能为空”);                
                    }    
                    else{    
                        if(isSelectAll==true){    
                            $(“#”+tableId+”
:checkbox”).each(function(){    
                                $(this).attr(‘checked’,’true’);    
                            })    
                        }    
                        else{    
                            $(“#”+tableId+”
:checkbox”).each(function(){    
                                $(this).attr(‘checked’,”);    
                            })    
                        }    
                    }    
                }    
            },    
            //取得选中的checkbox中的id    
            getCheckedIds:function(tableId){    
                var checkboxs = $(“#”+tableId+”
:checkbox:checked”);    
                if(checkboxs.size()==0){    
                    throw new Error(“没有选中记录”);              
                }    
                else {    
                    var ids = “”;    
                    checkboxs.each(function(){    
                        if(ids==”){    
                            ids+=$(this).attr(‘id’);    
                        }    
                        else{    
                            ids+=”,”+$(this).attr(‘id’);    
                        }    
                    })    
                    return ids;    
                }    
            }    
        })    
    })(jQuery);  

jQuery的选择器中的通配符[88必发在线娱乐,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 > 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)

http://www.bkjia.com/jQuery/1083552.htmlwww.bkjia.comtruehttp://www.bkjia.com/jQuery/1083552.htmlTechArticlejQuery的选择器中的通配符\[id^=code\]或\[name^=code\],jquery选择器
这两天在做一个专题的时候遇到了一个通配符的问题 //弹层操作 $(function(){
//视频…

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个数  
    jqueryObj.children(“input”).length;  
    (4)获得class为main的标签的子节点下所有<a>标签  
    $(“.main > a”);   
    (5)选择紧邻标签  
   
jqueryObj.next(“div”);//获取jqueryObj标签的后面紧邻的一个div,nextAll获取所有  
    (6)根据索引选择  
    $(“div”).eq(0);//获取第一个div标签  
2.筛选器  
    (1)not  
    $(“#code
input:not([id^=’code’])”);//id为code标签内不包含id以code开始的所有input标签  
3.其他  
    (1)创建一个文本框  
    var inputObj = $(“<input type=’text’/>”);  
    (2)取得文本框内容  
    jqueryObj.html();//html  
    jqueryObj.text();//纯文本  
    (3)取得标签属性值  
    jqueryObj.val();//取得标签value值  
    jqueryObj.attr(“属性名如:name”);//取得标签属性值  
    (4)向dom节点添加对象  
    inputObj.appendTo(jqueryObj); //将新创建的对象追加到jqueryObj里  
   
inputObj.trigger(“focus”).trigger(“select”);//使文本框插入之后被选中
    (5)改变CSS样式
    inputObj.css({zIndex:3}); //给样式赋值
    inputObj.css(“zIndex”);
    (6)延迟  
    var timeoutId = setTimeout(function(){ 
},300);//延迟300毫秒,再执行函数  
    clearTimeout(timeoutId);//解除延迟,使未执行的函数不再执行  
    (7)定时间隔时间
    var timerId = setInterval(function(){ 
},300);//每间隔300毫秒,再执行函数 
    clearInterval(timerId);//解除定时,使未执行的函数不再执行
    (8)动画
    inputObj.animate{“top”:3,”left”:3},300,function(){ });
4.事件  
    //处理文本框上的键盘操作  
    jqueryObj.keyup(function(event){  
        var keyCode =
event.which;//获取当前按下键盘的键值,回车键为13  
    }  
    mouseover(fn),mouseout(fn)//鼠标移进,移出   
5.效果  
   
show(),toggle(),slideDown(),slideUp(),slideToggle(),fadeIn(),fadeOut(),fadeTo() 
6.工具函数  
   
$(‘#someField’).val($.trim($(‘#someField’).val()));//消除空格,语法:$.trim(value)  
7.常用函数封装  
    (function($){  
        $.extend({  
            //操作多个多选框  
            controlAllCheckBox:function(tableId,isSelectAll){  
                if(tableId==undefined){  
                    throw new Error(“tableId 不能为空”);              
                }  
                else{  
                    if(isSelectAll==undefined){  
                        throw new Error(“isSelectAll
不能为空”);              
                    }  
                    else{  
                        if(isSelectAll==true){  
                            $(“#”+tableId+”
:checkbox”).each(function(){  
                                $(this).attr(‘checked’,’true’);  
                            })  
                        }  
                        else{  
                            $(“#”+tableId+”
:checkbox”).each(function(){  
                                $(this).attr(‘checked’,”);  
                            })  
                        }  
                    }  
                }  
            },  
            //取得选中的checkbox中的id  
            getCheckedIds:function(tableId){  
                var checkboxs = $(“#”+tableId+”
:checkbox:checked”);  
                if(checkboxs.size()==0){  
                    throw new Error(“没有选中记录”);            
                }  
                else {  
                    var ids = “”;  
                    checkboxs.each(function(){  
                        if(ids==”){  
                            ids+=$(this).attr(‘id’);  
                        }  
                        else{  
                            ids+=”,”+$(this).attr(‘id’);  
                        }  
                    })  
                    return ids;  
                }  
            }  
        })  
    })(jQuery);

 

http://www.bkjia.com/Javascript/476887.htmlwww.bkjia.comtruehttp://www.bkjia.com/Javascript/476887.htmlTechArticle\[html\] 1.选择器 (1)通配符:
$(input[id^=code]);//id属性以code开始的所有input标签
$(input[id$=code]);//id属性以code结束的所有input标签
$(input[id*=code]);…