html JS 开发备忘
一、Jquery 常用函数
1 $("#+id") 获得控件 例： var _jd_dialog = $("#jd_dialog");
2 parentNode 上级 例： this.parentNode.parentNode.removeChild(this.parentNode);
3 removeChild 去掉子节点 例： this.parentNode.parentNode.removeChild(this.parentNode);
4 prepend 前置 例： $("body").prepend("<div id='jd_shadow'> </div>");
5 css 设置样式 例： _jd_shadow.css("height", "200px");
6 append 追加 例： _jd_dialog_m_b.append("<div id='jd_dialog_m_b_1'> </div>");
7 Ajax 操作
$.ajax({ cache: false,
//type : settings.ajax.type == "post" ? "POST" : "GET",
url: iframeSrc,
//data : settings.ajax.params,
//beforeSend : function () {$("#" + settings.box).html(settings.ajax.before);},
success: function (data) { $("#jd_iframe").html(data).end(); },
complete: function (XMLHttpRequest, textStatus) { /* if (settings.ajax.finish) { settings.ajax.finish(XMLHttpRequest, textStatus); }*/ },
contentType: "html"
});
8 jQuery 类 var A = { B：function（）{}； }；
9 设置背景图案 css("backgroundImage", "url(http://www.cnblogs.com/Images/dialog/processbar.gif)");
10 通过点击假的提交按钮提交 进行提交前校验并 在校验成功的情况下进行提交
function isTxtEmpty(form) {
var i;
var inputs = form.getElementsByTagName("input");
var n = inputs.length;
for (i = 0; i < n; i++) {
var txt = inputs[i];
if (txt.type == "text" && txt.value.trim().length <= 0) {
alert("输入不能为空");
return false;
} //end_if
} //end_for
return true;
}
/// 提交
function RunSubmit(iframeWidth, iframeHeight) {
var submit = document.getElementById("submit"); //提交按钮的ID = “submit”
if (submit != null) submit.click();
JqueryDialog.Resize(iframeWidth, iframeHeight);
}
11. $(".className") 可以获得所有有相同样式的元素
12. div.className = "SelectGroup"; //设置样式
二、DIV 的简单动态控制
1.<div id="divdetail" onmouseover='this.style.height="auto"' onmouseout='this.style.height="40px"' style="overflow:hidden; width: 600px; height:40px;">
div 当鼠标经过时变大，显示详细信息
2 <div><input id="BtnDelete" type="button" value="删除" onclick ='this.parentNode.parentNode.removeChild(this.parentNode)' /></div>
删除button 外的div
