JavaScript
三五月儿
修行者 服务端开发(java/.net)
展开
-
实例对比window.onload与$(document).ready
jQuery中的$(document).ready与JavaScript中的window.onload类似,都是在页面加载后执行指定的操作。但是两者也是有区别的。1 $(document).ready与window.onload执行的时机不同$(document).ready在页面框架加载完成后就被执行,而window.onload需要等页面的所有资源都被加载后才开始执行。演示实例1原创 2013-12-21 21:18:53 · 3730 阅读 · 0 评论 -
js动态创建html元素的方法
js动态创建html元素需要使用到下面这些常见的js方法。 getElementById();//返回带有指定 ID 的元素。 getElementsByTagName();//返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。 getElementsByClassName();//返回包含带有指定类名的所有元素的节点列表。 appendChild();//把新的子节点添加到指原创 2017-01-15 15:06:06 · 11074 阅读 · 0 评论 -
js动态创建radio
function create(parentId,eleType,eleName,eleId,eleValue){ var board = document.getElementById(parentId); var e = createElement("input",eleName); e.type = eleType;转载 2017-01-15 14:00:29 · 7809 阅读 · 0 评论 -
jquery的css样式操作大全
$(“#id”).attr(“class”);//获取样式 $(“#id”).attr(“class”,className);//设置样式 $(“#id”).addClass(className);//追加样式 $(“#id”).removeClass(className);//移除样式 $(“#id”).toggleClass(anotherClass) //重复切换anotherClas原创 2017-01-15 12:46:03 · 1078 阅读 · 0 评论 -
easyui datagrid加载数据的两种方式
1、加载本地数据var obj = {'total':2,'rows':[{id:'1',name:'一'},{id:'2',name:'二'}]}; $('#dg').datagrid('loadData',obj);注意:这里的数据必须是json对象,要是json字符串,必须先转换成json对象才能作为datagrid的数据源。var str = '{'total':2,'rows':[{原创 2017-01-15 12:03:25 · 36328 阅读 · 2 评论 -
控制easyui datagrid 显示和隐藏的正确方法
定义id为dg的datagrid。<table id="dg" class="easyui-datagrid"></table>使用下面的代码实现隐藏/显示datagrid控件,并不能达到预期效果。$("#dg").hide();$("#dg").show();正确的做法是将datagrid控件置于div内部,再控制div的隐藏/显示即可。<div id="div-dg"><table id="d原创 2017-01-15 12:17:28 · 23095 阅读 · 1 评论 -
json字符串和json对象的相互转换方法
js中存在json字符串和json对象的区别。两者之间可以相互转换。 JSON字符串: var s1 = ‘{ “name”: “zs”, “sex”: “man” }’; JSON对象:var o1= { “name”: “ls”, “sex”: “woman” };1、JSON字符串转换为JSON对象 var obj = eval(‘(’ + s1+ ‘)’);//eval()函数是js自原创 2017-01-15 11:44:43 · 1298 阅读 · 0 评论 -
js判空的方法
1、判断对象为null的方法var x = null;if (x === null)还可以使用下面几种方法进行判断,但是都有一些地方需要注意。使用if (typeof(x)== “undefined”)判空时,只有x为undefined时,才返回true。使用if(typeof(x) != “object”)判空时,只有x为null时,才返回false。 使用if(x==null)判空时,x原创 2017-01-14 21:38:37 · 21739 阅读 · 0 评论 -
jQuery中ajax的4种常用请求方式
1.$.ajax()返回其创建的 XMLHttpRequest 对象。 $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。详细参数选项见下。如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 “text/xml”)。 $.ajax({ type: "post", dataType:转载 2017-01-14 17:41:22 · 4890 阅读 · 0 评论 -
jquery常用方法总结
取值与赋值操作$("#ID").val(); //取value值$("#ID").val("xxx"); //赋值$("#ID").text(); //相当于取innerText$("#ID").text(""); //相当于赋值给innerText$("#ID").html(); //相当于取innerHTML$("#ID").html(""); //相当于赋值给innerHTML属性设原创 2017-01-14 17:12:28 · 14275 阅读 · 1 评论 -
easyui-datagrid获取行和列数据
1、获取当前行var row = $('#dg').datagrid('getSelected');2、获取所有选中行var rows = $('#dg').datagrid('getSelections');3、获取所有行var rows = $("#dg").datagrid("getRows");4、获取行中间的某列数据ar rows = $('#dg'').datagrid('getRows原创 2017-01-14 17:26:49 · 39641 阅读 · 1 评论 -
js选择器和jquery选择器
1、元素、属性、标签的关系 html文档由嵌套的html元素组成,一个html元素包含开始标签和结束标签。属性是html元素提供的附加信息。下面的例子中定义了一个div元素,id、name、class是元素属性,而是组成元素的标签。选择器的作用就是获取满足指定条件的元素。这里的条件可以是元素的id、name、标签名、class名,还可以根据元素的属性来进行选择。2、js选择器 getElemen原创 2017-01-14 16:19:30 · 8650 阅读 · 0 评论 -
获取easyui-datagrid中文本列的值的正确方法
定义id为datagrid的easyui-datagrid,并将其置于id为div-dg的div内。<div id="div-dg"><table id="datagrid" class="easyui-datagrid"></table></div>定义datagrid的列时,使用下面的方式为datagrid添加文本框列,并将其value设置为100。 field: 'opt', title: '原创 2017-01-14 12:01:48 · 5131 阅读 · 0 评论 -
实例说明jquery中html()、text()、val()方法的区别
1、html() 读取和修改元素的HTML标签。对应js中的innerHTML。2、text() 读取或修改元素的纯文本内容。对应js中的innerText。3、重点内容val() 读取或修改表单元素的value值。val()只能使用在表单元素上,html()和text()方法不是被用于表单元素。<!DOCTYPE html><html><head><script src="/jquer原创 2017-01-14 11:24:12 · 5247 阅读 · 0 评论 -
javascript实现显示和隐藏div方法汇总
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>15种方法实现div显示和隐藏</title><script src="js/base.js"></script><style>body{ margin: 0;}h1,h2{ margin: 0;}ul{ margin: 0; paddin转载 2017-01-14 10:00:58 · 8536 阅读 · 0 评论 -
通过display或visibility来隐藏html元素的区别
1、使用style=”display:none;” 来隐藏html元素 将元素的显示设为无,元素在网页中不占任何的位置。<input value="cc1"></input><input value="cc2" style="display:none;"></input><input value="cc3"></input> 显示html元素使用style=”display:block”。2、使原创 2017-01-14 09:48:02 · 9355 阅读 · 1 评论 -
js事件绑定
1、在dom对象中直接绑定 dom元素一般都具有名称类似onXXX的事件,直接将方法绑定到事件即可。<input onclick="funAlert()" type="button" value="确定" /><script type="text/javascript">function funAlert(){ alert("谢谢支持");}</script>2、在js代码中原创 2017-01-15 15:08:53 · 626 阅读 · 0 评论