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'>&nbsp;</div>");
   5 css       设置样式        例：   _jd_shadow.css("height", "200px");
   6 append   追加             例：   _jd_dialog_m_b.append("<div id='jd_dialog_m_b_1'>&nbsp;</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; 600px; height:40px;">
      div 当鼠标经过时变大，显示详细信息

  2  <div><input id="BtnDelete" type="button"  value="删除"  onclick ='this.parentNode.parentNode.removeChild(this.parentNode)'  /></div>
       删除button 外的div