JQuery 操作HTML元素 示例

时间:2023-11-13 15:42:02

http://www.w3school.com.cn/jquery/jquery_dom_add.asp

http://www.w3school.com.cn/jquery/jquery_dom_remove.asp

jquery代码

               $(".mainboarder").live("click", function () {
                   $(this).css("border", "1px solid red").siblings().css("border", "1px solid #cccccc");
                   devicediv = $(this);
                   $.ajax({
                       type: "Post",
                       url: "../frm/measure.aspx/GetMeasures",
                       data: "{'deviceID':'" + $(this).attr("id") + "'}",
                       contentType: "application/json; charset=utf-8",
                       dataType: "json",
                       success: function (data) {
                           try {
                               $('.checklist').empty();
                               var str = "";
                               var arrlist = eval('(' + data.d + ')');
                               for (var i in arrlist) {
                                   var item = arrlist[i];
                                   str = str + "<li><input   value=\"" + item[2] + "\" type=\"checkbox\" " + "id=\"" + item[0] + "\" class=\"mynon\"  />"
                                            + "<p style=\"margin-top:25px;\">测量参数ID:</p>"
                                            + "<p style=\" text-align:center;\">" + item[1] + "</p>"
                                            + "<p>测量参数:</p>"
                                            + "<p style=\"text-align:center;\">" + item[2] + "</p>"
                                            + "<a class=\"checkbox-select\">选择</a><a class=\"checkbox-deselect\">取消</a></li>"
                               }
                               $('.checklist').prepend(str);
                               setcheck();
                           }
                           catch (e) { }
                       },
                       error: function (err) {
                           alert("错误代码:" + err.status);
                       }
                   });
               });