-->目录导航一、 JavaScript 1. js介绍 2. js语法 3. js进阶 4. js高级 5. 事例代码下载一、 JavaScript做BS系统，JavaScript的使用是少不了的；本文就带你快速回顾一下JavaScript的基本知识，看看哪些基础知识是你所遗漏的1. js介绍① js是一种基于对象和事件的脚本语言，使用浏览器来执行。② js是解释型语言，无需编译就可随时运行。③ 安全性：不允许访问本地硬盘；跨平台：有支持js的浏览器即可。④ 在网页中编...
jQuery 的选择器可谓之强大无比，这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素，返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$("#myELement,di...
出自new:http://www.jianshu.com/users/1967b163cb61/latest_articles 1、JQuery简介普通JavaScript的缺点：每种控件的操作方式不统一，不同浏览器下有区别，要编写跨浏览器的程序非常麻烦。因此出现了很多对JavaScript的封装库，比如Prototype、Dojo、ExtJS、JQuery等，这些库对JavaScript进行了封装，简化了开发。这些库是对JavaScript的封装，也就是咱们调用JQuery的一句函数，JQuery内部这句函数帮我们调用JavaScript中的代码几...
装糊涂的前提是已明白。技术和生活一样，每一步我们都要知道自己在做什么，否则，你连装糊涂的权利都没有了，走马观花而已。关于项目中引用的Jquery插件一：Jquery核心库文件（此文件不包含不必要的空白字符，没有注释，并且所有的局部变量名称的长度是一个字符。在B/S模式，通常都是尽可能的向客户端发送精简文件，减少下载的数据字节数，从而加快了加载和运行速度）<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2...
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...