1.选择器:$(".class")$("#id")$("div")$("a p")$(div:first).css("border","2px solid red") 2.过滤器:$(‘div‘).find(‘.child‘).css(‘border‘,‘2px solid #999‘);$(‘#child1‘).parent().css(‘border‘,‘2px solid #666‘); //父级元素$(‘#child1‘).parents().css(‘border‘,‘2px solid #333‘); //先任元素$(‘.child‘).filter(‘.not-gay‘).css(‘background‘,‘red‘); 3.操作样式$(‘.a‘).css({ ‘colo...
最近写了很多的js,虽然效果都实现了,但是总感觉自己写的js在性能上还能有很大的提升。本文我计划总结一些网上找的和我本人的一些建议,来提升 你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。谨以此文来提醒自己。其次在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。当你准备使用jQuery,我强烈建议你遵循下面这些指南:缓存变量DO...
概要 jQuery EasyUI是一个基于jquery的集成了各种用户界面的框架,使用easyui我们不需要写太多javascript代码,一般情况下我们只需要使用一些html标记来定义用户接口,easyui将我们需要的功能都已经封装好了,我们只要来调用easyui给我们提供的接口就可以了,今天我们来学习下easyui中的DataGrid 数据显示 我们可以在easyui-datagrid中显示数据,显示数据从大类上我们也分为两种,一种是datagrid显示的数据不是来自于数据库...
选择器是jQuery的根基,在jQuery中,对事件处理,遍历DOM和Ajax操作都依赖于选择器。如果能熟练的使用选择器,不仅能简化代码,而且可以达到事半功倍的效果。 jQuery中的选择器完全继承了CSS的风格,利用jQuery选择器,可以非常便捷和快速的找出特定的DOM元素,然后为它们添加相应的行为,而无需担心浏览器是否支持这一选择器。 为了便于记忆和学习,我们把jQuery选择器分为以下几类: 基本选择器层次选择器过滤选择器基本过...
在基于MVC4+EasyUI的Web开发框架里面,大量采用了Jquery的方法,对数据进行请求或者提交,方便页面和服务器后端进行数据的交互处理。本文主要介绍利用Jquery处理数据交互的几种方式,包括获取数据并显示,插入新数据到服务器,更新数据,删除数据等操作。1、利用Jquery获取数据并显示为了顺利获取数据,我们需要保持页面端调用和服务器端保持一致,并相应的把数据转换或者封装为对象实体进行处理。下面我们以一个简单的全国省份、全...
1、获取单个checkbox选中项(三种写法)
$("input:checkbox:checked").val()
或者
$("input:[type=‘checkbox‘]:checked").val();
或者
$("input:[name=‘ck‘]:checked").val();
2、 获取多个checkbox选中项
$(‘input:checkbox‘).each(function() {if ($(this).attr(‘checked‘) ==true) {alert($(this).val());}
});
3、设置第一个checkbox 为选中值
$(‘input:checkbox:first‘).attr("checked",‘checked‘);
或者
$(‘input...
//jQuery的优点 : 1 轻量级 2 强大的选择器 3 出色的DOM操作的封装 4 可靠的事件处理机制 5 完善的Ajax 6 不污染顶级变量 7 出色的浏览器兼容性 8 链式操作方式 9 隐式迭代 10 行为曾与结构层的分离 11 丰富的插件支持 12 完善的文档 13 开源<script src="jquery.js" type="text/javascript">这里不许放任何代码</script> ...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .item{ min-width: 150px; background-color: black; color: white; } .hide{ display: none; } .content{ min-height: 50px; } </style></head><body><div style="border: 1px solid silver;width: 200px;height: 60...
js与jQuery获取text、html、属性值、value的方法是不一样的。 js与jQuery,text与innerText获取(<!---->中为结果)html:<p id="test">这是段落中的 <b>粗体</b> 文本。</p><button id="btn10">jQuery显示text</button><!--Text: 这是段落中的 粗体 文本。--><button id="btn11">jQuery显示 innerTEXT</button><!--Text: undefined。--><button id="btn12">js显示 innerTEXT</button><!--Text: test-->js:$("#btn10").click(function...
一、事件1、事件委派 $(选择器).trigger("事件名") trigger:在每一个匹配的元素上触发某类事件。2、时间延迟: $timer=setTimeout(函数,时间值) setTimeout(function(){},1000);3、清除时间延迟: clearTimeout($timer);4、文档处理 $(选择器).append(content) //匹配的元素内部结尾处追加内容 preappend(content) //向每个匹配的元素的内部的开始处插入内容 $(选择器).appendTo(‘元素‘) ...
对于手机端datetimepicker的使用 在使用minit ui 的datatimepicker的使用方法首先它需要两个触发器 这里因为项目用到的是开始到结束的时间 我就点击的时候手动传入了一个参数<input id=‘start‘ type="text" class=‘form-control input-sm‘ readonly="" name=‘start‘ @click=‘openPicker("start")‘ v-model=‘startTime‘>
<input id=‘end‘ type="text" class=‘form-control input-sm‘ readonly="" name=‘end‘ @click...
概要 在上一篇文章中,我们将如何动态的显示表头进行了介绍,在上一篇文章中还提到一个问题,DataGrid显示的数据不是直接来自于数据库而是拼接而成,这个表又是怎么拼接而成的呢,这次我们就来学习下它的具体实现. 实现 要实现的功能是,在表格中的"数据录入情况"和"计算情况"都是通过数据库中的一些信息的判断才得到表格中显示的"完成"、"未完成"、"计算"、"未计算",除此之外表格中有个"查看详情",点击查看详情还可以进...
最近做一个项目,环境是struts2.3.16,spring3.0,mybatis2.3当我使用JQuery的ajax方法提交请求返回个对象时,遇到了内存泄露的问题,这个问题困扰了我一个多星期:开始调用ajax方法,反应比较慢,大概4~5秒之后才会出现效果.重复几次调用之后,浏览器直接崩溃,系统开始卡,一步一卡...打开cpu监视情况发现,当调用ajax方法,内存从百分之56直接飞到87..随之MyEclipse后台爆出java.lang.OutOfMemoryError: PermGen space...找了N久..在其他人机...
之前很是头疼循环数据的渲染,搞一大堆的命名,一点点的赋值,很是麻烦,今天学习了一下jQuery插件tmpl,下面抛出一些使用方法,供以后参考:官方网址:http://web.archive.org/web/20121014080309/http://api.jquery.com/jquery.tmpl/github网址:https://github.com/jquery/jquery-tmpl http://jquery.github.com/jquery-tmpl/demos/step-by-step.html 下面重点介绍一下使用方法:首先介绍一下 模板和数据,不用说这两个...
1.获取select 选中的 text: $("#cusChildTypeId").find("option:selected").text(); $("#cusChildTypeId option:selected").text()2.获取select选中的 value: $("#ddlRegType ").val();3.获取select选中的索引: $("#ddlRegType ").get(0).selectedIndex;4.得到select项的个数 $("#cusChildTypeId").get(0).options.length5.设置select 选中的索引: $("#cusChildTypeId").get(0).selectedIndex=index;//index为索引值...