jquery 总结心得
=========jquery特殊符号:=========
# 指示 id
. 指示 class
* 全选
, 多选
空格 后代
> 子
~ 兄弟
+ 下一个
: 子(多功能)
() 函数式的过滤与查找
=========常用操作:=========
1、if ($("#checkbox2").is(":checked")) //判断复选框是否被选中
2、$("input[name='chk_list']").attr("checked"); //读取所有name为'chk_list'对象的状态(是否选中)
3、$("input[name='chk_list']").attr("checked",true); //设置所有name为'chk_list'对象的checked为true
4、$("input[name='radioTest']:checked").val() //取被选中的单选按钮值
5、$("#config_win input:checkbox").each(function () { //遍历某范围内的dom对象
this.disabled = true; //操作dom对象的属性
});
6、$("input[name=test][value=56]").attr("checked",true);//value=56的radio被选中
$("input[id=testid][value=56]").attr("checked",true);//value=56的radio被选中=========JQuery对象和DOC相互转换:=========
JQuery转DOM:
var $cr = $('#cr');
var cr = $cr[0]或$cr.get(0);
DOM转JQuery:
var cr = document.getElementById('cr');
var $cr = $(cr);
=========JQuery调用iframe父页面元素与方法:=========
第一、在iframe中查找父页面元素的方法:
$('#id', window.parent.document)
第二、在父页面中获取iframe中的元素方法:
$(this).contents().find("#suggestBox")
$('iframe').contents().find("#suggestBox")
第三、在iframe中调用父页面中定义的方法和变量:
parent.method
parent.value
第四、父页面调用iframe内的JS的方法,无须给iframe加id,只需用Jq选中iframe就行了
$("#id").find("iframe")[0].contentWindow.func()
第五‘、父页面Demo.html有两个iframe页面A和B,之间的相互调用
parent['frame_B'].changeHiValue(document.getElementById('user').value);
parent['frame_B'].document.getElementById('hi').innerHTML = '直接操作:====>' + document.getElementById('user').value;
============毫秒转换为日期时间==================
function formatTime(time, format){
var t = new Date(time);
var tf = function(i){return (i < 10 ? '0' : '') + i;};
return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function(a){
switch(a){
case 'yyyy':
return tf(t.getFullYear());
break;
case 'MM':
return tf(t.getMonth() + 1);
break;
case 'mm':
return tf(t.getMinutes());
break;
case 'dd':
return tf(t.getDate());
break;
case 'HH':
return tf(t.getHours());
break;
case 'ss':
return tf(t.getSeconds());
break;
};
});
}