JQuery
关注
分享
扫一扫
三五月儿
修行者 服务端开发（java/.net）
展开
-
JQuery历史版本
jQuery 1.0（2006年8月）：该库的第一个稳定版本，已经具有了对CSS选择符、事件处理和AJAX交互的稳健支持。jQuery 1.1（2007年1月）：这一版大幅简化了API。许多较少使用的方法被合并，减少了需要掌握和解释的方法数量。jQuery 1.1.3（2007年7月）：这次小版本变化包含了对jQuery选择符引擎执行速度的显著提升。从这个版本开始，jQuery的性能达到了转载 2013-12-09 22:18:41 · 3222 阅读 · 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 · 1121 阅读 · 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 · 36428 阅读 · 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 · 23202 阅读 · 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 · 1334 阅读 · 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 · 4981 阅读 · 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 · 14364 阅读 · 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 · 40268 阅读 · 1 评论 -
js选择器和jquery选择器
1、元素、属性、标签的关系 html文档由嵌套的html元素组成，一个html元素包含开始标签和结束标签。属性是html元素提供的附加信息。下面的例子中定义了一个div元素，id、name、class是元素属性，而是组成元素的标签。选择器的作用就是获取满足指定条件的元素。这里的条件可以是元素的id、name、标签名、class名，还可以根据元素的属性来进行选择。2、js选择器 getElemen原创 2017-01-14 16:19:30 · 8778 阅读 · 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 · 5183 阅读 · 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 · 5652 阅读 · 0 评论 -
easyui设置文本框的值的正确方法
定义id为user-id的easyui文本框。<input class="easyui-textbox" id="user-id"></input>使用jquery的方式设置文本框的值。 $("#user-id").val("xxx"); 发现并不能正确设置文本框的值。同样道理清空文本框的值也无法正常进行。 $("#user-id").val("");不过使用jquery方式获取文本框的值是可以正原创 2017-01-14 10:32:07 · 7544 阅读 · 0 评论 -
jQuery选择器
1 jQuery选择器是什么？jQuery选择器可以通过标签名、属性名或者内容对DOM元素进行快速、准确的选择。 2 jQuery选择器分类 3 基本选择器基本选择器由素id，Class，元素名，多个选择符组成，使用它可以实现页面大多数元素的查找。基本选择器功能#id根据指定的id查找一个匹配页面元素原创 2013-12-22 20:48:05 · 2138 阅读 · 0 评论 -
实例对比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 · 3769 阅读 · 0 评论 -
jQuery入门
1 创建者John Resig(美国)2 创建时间2006年3 官方网站http://jquery.com/4 主旨以更少的代码，实现更多的功能(Write less，do more)。5 基本功能与优点轻量级强大的选择器出色的DOM操作的封装可靠的事件处理机制完善的Ajax不污染顶级变量出色的浏览器兼容性原创 2013-12-21 18:18:52 · 2280 阅读 · 0 评论 -
jQuery事件绑定
1 新建页面文件index.htm新建页面文件index.htm,页面代码如下所示。实例代码1 事件绑定 body{font-size:10pt} .divFrame{width:210px;border:solid 1px #555} .divTitle{background-color:#eee;padding:原创 2013-12-22 18:14:39 · 2466 阅读 · 1 评论 -
jquery事件绑定
1、使用$(“#id”).bind(event,[data],function(eventObject))方法将监听器绑定到目标元素上 //type:附加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。如click、change、mouseover等 //data:传入监听函数的参数，通过event.data取到。可选参数。 //function：监听函数，可传入jQuery封装原创 2017-01-15 15:52:32 · 553 阅读 · 0 评论