JQuery 操作HTML元素 示例
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);
                       }
                   });
               });
JQuery 操作HTML元素 示例的更多相关文章
- web进阶之jQuery操作DOM元素&&MySQL记录操作&&PHP面向对象学习笔记
		
hi 保持学习数量和质量 1.jQuery操作DOM元素 ----使用attr()方法控制元素的属性 attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,a ...
 - 利用 jQuery 操作页面元素的方法,实现电商网站购物车页面商品数量的增加和减少操作,要求单项价格和总价随着数量的改变而改变
		
查看本章节 查看作业目录 需求说明: 利用 jQuery 操作页面元素的方法,实现电商网站购物车页面商品数量的增加和减少操作,要求单项价格和总价随着数量的改变而改变 当用户单击"+" ...
 - 使用 jQuery 操作页面元素的方法,实现浏览大图片的效果,在页面上插入一幅小图片,当鼠标悬停到小图片上时,在小图片的右侧出现与之相对应的大图片
		
查看本章节 查看作业目录 需求说明: 使用 jQuery 操作页面元素的方法,实现浏览大图片的效果,在页面上插入一幅小图片,当鼠标悬停到小图片上时,在小图片的右侧出现与之相对应的大图片 实现思路: 在 ...
 - JQuery操作Table元素
		
使用Jquery操作Table中的tr向上或向下移动,以及全选和反选操作. 点击Table Head中的复选框,全选或反选表格中所有的复选框; 选中复选框,点击Up 按钮, tr上移;点击 Down ...
 - jQuery -- 光阴似箭(三):jQuery 操作 HTML 元素和属性
		
jQuery -- 知识点回顾篇(三):jQuery拥有操作 HTML 元素和属性的强大方法. 1. 获取HTML 元素的内容和属性 (1) 获得内容: text().html() 以及 val() ...
 - JS/JQuery操作DOM元素笔记
		
原因 自己目前在搭建一个.NET Core的框架,正在构建权限这块的东西,今天设置权限界面,需要使用JavaScript操作DOM元素,记录一下. 页面大概是酱紫的(我使用的AdminLTE和LayU ...
 - jquery操作html元素之( 获取并设置 CSS 类)
		
jQuery 操作 CSS jQuery 拥有若干进行 CSS 操作的方法.我们将学习下面这些: addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一 ...
 - js 或Jquery操作定位元素
		
属性过滤常用javascript后去DOM对象 id是定位到的是单个element元素对象,其它的都是elements返回的是list对象 1.通过id获取 document.getElementBy ...
 - jquery 操作DOM元素(1)
		
.clone() 创建一个匹配的元素集合的深度拷贝. .clone([withDataAndEvents]) withDataAndEvents (默认为false) 一个Boolean 表示是否会复 ...
 
随机推荐
- Phaser提供了Button对象简单的实现一个按钮
			
Phaser是一个简单易用且功能强大的html5游戏框架,利用它可以很轻松的开发出一个html5游戏.在这篇文章中我就教大家如何用Phaser来制作一个前段时间很火爆的游戏:Flappy Bird,希 ...
 - SQL阻止保存要求重新创建表的更改 在哪里设置
			
ef生成的数据表,有数据,设计的时候,想把某个字段改成可为null. 报 “阻止保存要求重新创建表”错误 百度一下: 修改数据库表结构时提示[不允许保存更改.您所做的更改要求删除并重新创建以下表.您对 ...
 - Apache Spark源码走读之6 -- 存储子系统分析
			
欢迎转载,转载请注明出处,徽沪一郎. 楔子 Spark计算速度远胜于Hadoop的原因之一就在于中间结果是缓存在内存而不是直接写入到disk,本文尝试分析Spark中存储子系统的构成,并以数据写入和数 ...
 - boolalpha
			
/* 功能: 把bool值显示为true或false */ #include<iostream> using namespace std; int main() { char str1[] ...
 - 1、C到C++安全性增强
			
1.C语言 #include <stdio.h> int main(void) { const int a = 10; //在C语言里这里不赋值可以编译的过去,但是这里不初始化以后就没办法 ...
 - mysql操作类库--摘抄
			
<!--?php /** +---------------------------------- * MySQL操作类库 +---------------------------------- ...
 - flat file
			
Computer Science An Overview _J. Glenn Brookshear _11th Edition The term database refers to a collec ...
 - Greedy_algorithm
			
https://en.wikipedia.org/wiki/Greedy_algorithm
 - 关于C语言读取多行数据的问题
			
我有如下数据格式3360 2001 5 1750.5 1246.5 22.5 n 1775=1177-1316:13360 2001 5 1750.5 1 ...
 - ExtJS 刷新或者重载Tree后,默认选中刷新前最后一次选中的节点代码片段
			
//tree对象 var tree = Main.getPageControler().treePanel; //获取选中的节点 var node = tree.getSelectionModel() ...