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);

DOMJQuery

  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; 

}; 

});  

}

相关推荐