jquery常用技术 ._综合

.选择器
(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);