随笔分类 - JQuery/Ajax
摘要：背景： 快速将一个页面分成几个部分，在导航和页眉的位置放置公用的元素。准备： jquery.layout.js首先，向页面中引入如下js文件和css文件，代码：1 2 3 4 然后，在指定的视图页面中，添加如下四个div元素，注意各div元素的class。1 2 ...
阅读全文
摘要：介绍：类似于实现ios通讯录中右侧字母，快速导航到联系人的效果，如图：Html代码如下，分别是字母和港星名字的排序： 1 2 3 C 4 L 5 D 6 E 7 ...
阅读全文
摘要：背景：标题比较唬人，实际上就是在文本框中输入关键字，通过关键字检索html元素，筛选后显示在界面上。Html元素如下： 刘德华 黄日华 张学友 谢霆锋 ...
阅读全文
摘要：背景：随笔中所应用到的代码来自于上一篇随笔，MVC&JQuery如何根据List动态生成表格，部分代码不再重复。代码如下： 1 $("#btnTan").click(function () { 2 var Array=[]; 3 var...
阅读全文
摘要：背景：在编码中，常会遇到根据Ajax的结果动态生成Table的情况，本篇进行简要的说明。这已经是我第4、5篇和Ajax有关的随笔了，互相之间有很多交叠的地方，可自行参考。后台代码如下： 1 public ActionResult Index() 2 { 3 ...
阅读全文
摘要：在项目中，遇到以上两个错误，反复折腾了好久，js代码写得没有问题，jquery的文件也引入了，就是反复的报告错误，xxx is not a function。如图：就是这样的错误，shake is not a function，我也是日了狗了，shake明明是我在其他的js的文件中，拓展的Jquer...
阅读全文
摘要：背景：比如在页面中，敲击回车键以后，实现登录功能，在之前的Winform开发时，也遇到过处理键盘事件的功能，比如游戏软件中，上下左右的移动等。代码如下：1 $(document).keydown(function (event) {2 if (event.ke...
阅读全文
摘要：这篇随笔的标题真是好拗口，想表达的意思是，当点击超链接后，才去修改超链接的地址，此时超链接仍然链接的是是修改之前的页面，而不是修改之后的页面。超链接代码如下：1 我是度娘看到了吗？度娘并不是度娘，而是{0}，之后的代码，就是用‘baidu’代替{0}，代码如下：1 $("#chao1...
阅读全文
摘要：速记笔记的作用是将一些零碎的点整合在一起，这些点太小并不适合写一篇随笔，将这些点揉合在一起，可能有时候，互相就擦出火花，形成一篇博客。1，可以用一个变量来表示某一个元素，这样就不用每次都输入$("#id")了，代码如下：1 var projectList = $("#projectList");2，...
阅读全文
摘要：参考文档：jQuery 的扩展，实现抖动效果背景：在项目中，登录页验证用户名和密码是否匹配，如果不匹配，则抖动输入框，提示用户输入错误。将如下代码写到JS文件中： 1 jQuery.fn.shake = function (intShakes /*Amount of shakes*/, intDis...
阅读全文
摘要：背景：在之前的随笔中写过C#中如何使用正则表达式，这篇随笔主要讲如何在js中应用正则表达式如下代码：1 $("#zhengze").click(function () {2 var tmp = "我是中国人" + '\n' + "我来自beijing";3 ...
阅读全文
摘要：1，click单击事件2，blur失去光标事件，focus获得光标事件3，JQuery.on()函数：为html元素绑定事件，如下代码：1 $("div").on("click","p",function(){$(this).addClass("colorRed")});点击div中的p元素，将调用...
阅读全文
摘要：背景：通过JQuery动态给Html元素增加、删除类或属性，使Html元素在不同的时刻呈现不同的样式，给用户更好的体验感觉。如存在以下p片段和button按钮，代码如下：1 现在的背景颜色是白色，点击按钮以后背景变为红色2 更改颜色存在如下css代码：1 存在...
阅读全文
摘要：背景：在开发网站时，往往需要对用户的输入进行合法性检查，如果验证工作都放在服务器端，势必将影响网页的响应速度，同时给用户不好的体验。本篇随笔即是使用JQuery在客户端进行必要的合法检测。JS代码如下： 1 $(function () { 2 $("#push").click...
阅读全文
摘要：背景：之前已写过两篇有关Ajax的随笔，这一篇是单独针对在页面加载完成的Ajax操作。比如说打开学生列表页面，先加载页面，然后以Ajax的方式，从数据库中检索相应的学生信息，给浏览者更好的体验。简单版本：document加载完成之后，调用ajax刷新当前页面，修改pLoad的显示文本。前台代码如下：...
阅读全文
摘要：前言：写这篇随笔的时候，在url上漏写了斜线，找了好久错误，整个人都很不好。#我是猪系列背景：之前介绍过一篇如何构建ASP.NET MVC4&JQuery&AJax&JSon示例，这一篇单独讲解如何在View和Action间传递并处理数据。1，前台HTML代码：1 2 从视图...
阅读全文
摘要：更多的是，有关于选择器的内容。背景：查找某控件中所有的input元素，代码如下：1 $("#div1").find("input").each(function () {2 alert($(this).attr("value"));3 });上...
阅读全文
摘要：在 HTML5 中，不必在 注意，上面的html中h2和p拥有相同的id “test",这时我们在点击按钮button的时候，只会隐藏掉h2元素，p元素保持不动，可以看出，理论上id是不应该重复的。This is a headingThis is a paragraph.This is anothe...
阅读全文