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; 

}; 

});  

}