Jquery 应用积累

1、控制div显隐

$("#id").show()表示display:block, 
$("#id").hide()表示display:none; 
$("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。
 
$("#id").css('display','none'); 
$("#id").css('display','block'); 
或 
$("#id")[0].style.display = 'none'; 

2、 设置span的文本

$("#id").html("aaaaaaaa"); 
$("#id").text("aaaaaaaa"); 

3、判断<input type="checkbox" />是否选中

$("#id").attr("checked") == "checked"

4、从后台获取在前台输出Html，以下为自己应用实例（$("#id").append(data)）

HTML代码
<tr>
            <td style="width:15%">筛选原料：</td>
            <td><span>验收日期段：</span>
                <input type="text" name="model.Plan_dateFrom" value="<%:ViewData.Eval("dateStart") %>" id="Text1"/>
                <span class="star">至</span>
                <input type="text" name="model.Plan_dateTo" value="<%:ViewData.Eval("dateEnd") %>" id="Text2"/>
                <input type="button" value="筛选" onclick="StuffQuery()"/> </td>
        </tr>
        <tr>
              <td>原料信息：</td>
              <td><div id="stuffContent"></div></td>
          </tr>

JQuery代码
//筛选原料
    function StuffQuery() {
        var dateStart = $("#dateStart").val();
        var dateEnd = $("#dateEnd").val();
        $.post("<%=path%>/ProdAndProc/SemiPlanStuff/GetStuffList",
              { "dateStart": dateStart,
                  "dateEnd": dateEnd
              },
              function (responseText) {
                  var checkbox = responseText.checkbox;
                  $("#stuffContent").append(checkbox);
              }, "json");
    }

后台代码
public ActionResult GeStuffList(string dateStart, string dateEnd)
        {
            string strResult = "";
            string strCheckBox = "";
            Hashtable result = new Hashtable();
            dateStart = dateStart == "" ? null : dateStart;
            dateEnd = dateEnd == "" ? null : dateEnd;

            if (dateStart == "" || dateEnd == null)
            {
                strResult = "请选择验收时间段";
                result.Add("message", strResult);
                return Json(result);
            }
            else
            {
                FoodStuffDetailBLL stbll = new FoodStuffDetailBLL();
                DataTable dt = new DataTable();
                dt = stbll.GetList(Session["CorpID"].ToString(), "", dateStart, dateEnd).Tables[0];
                int count = 1;
                foreach (DataRow row in dt.Rows)
                {
                    string Code_ID = row["ID"].ToString();
                    string Code = row["stuff_batchNO"].ToString();
                    string Name = row["stuff_provider"].ToString();
                    strCheckBox = "<input type='checkbox' checked='checked' name='stuff' id='stuff" + count
                                + "' value=" + Code + "_" + Name + "/><label class='hand' for='stuff" + count
                                + "'>" + Code_ID + "</label>";
                    count++;
                }
            }
            result.Add("message", strResult);
            result.Add("checkbox", strCheckBox);
            return Json(result);
        }

View Code