1. 引言 在上一篇文章《如何确保JavaScript的执行顺序 - 之jQuery.html深度分析》中，我们揭示了jQuery.html函数之所以能在各种浏览器下保持动态JS顺序执行，其秘密在于 – 同步AJAX获取外部JavaScript。 我们先来简单回顾下HTML源代码（test2.htm）： 代码如下: $(function(){ $('#container').html('' + 'alert(typeof(jQuery.ui));'); }); 顺便一提的是，通过这种方式加载的外部JavaScript不可以在Firebug中调试，...
查看源码 代码如下: return this[0] && this[0].nodeType === 1 ? this[0].innerHTML.replace(rinlinejQuery, "") : null; 得知其通过非标准的但所有浏览器都支持的innerHTML实现。 有些使用者会用html()方法的返回值作为代码分支的条件，比如： 代码如下: var str = $(#user).html(); if( str==jack ){ ... }else if( str==tom ){ ... }else if( str==lily ){ ... } 多数情况下这没什么问题，但如果id=user的html元素内有空格...
问题1：用委托字典代替switch...case。 这个问题是在处理请求时发现的，大家肯定也不愿意在自己的项目中建许多的handler来处理那么多的请求，于是就想到在一个handler里处理多个请求，ajax请求中都加一个action的参数，在handler里根据这个action做相应的处理或返回相应的数据，这里肯定没有人用if...else来判断action，大多数人都会想到用switch...case，一开始我也是用的switch，但渐渐地发现，每个case不像一个代码块，不能...
效果图:http://code.google.com/p/jquery-placeholder-js/ 演示代码:http://demo.jb51.net/js/2011/jqueryplaceholder/打包下载:http://xiazai.jb51.net/201105/yuanma/jqueryplaceholder.rar
html代码： 代码如下: plain special I am special plain script代码： 代码如下: function addRemoveItemNS() { var $newLi = $(special and new I am new remove me); $(#list3 li.special) .find(button.addone) .unbind(click.addit) .bind(click.addit, function() { $(this).parent().after($newLi); addRemoveItemNS(); }) .end() .find(button.removeme) .unbind(click.removeit) .bind(click.removeit, function() {...
代码如下: $("#div").bindTemplate({ source : json object, template : null | $("#template") | "{{object}}", dateFormat : "d.m.y", tagOpen : "{{", tagClose : "}}" }); bindTemplate(data) : 绑定数据对象到模板的操作方法 source : json 格式的数据源 template : null 不提供模板,InnerHtml输出 $(“#template”) 利用页面上定义好的html结构作为模板 “{{...}}” 直接定义模板 dateFormat : 时间的格式化方式 tagOpen : ...
以及需要用到Http方式和Openfire通信的第三方库（JabberHTTPBind）。 JabberHTTPBind是jabber提供的XMPP协议通信的Http bind发送的形式，它可以完成WebBrowser和Openfire建立长连接通信。 主要通信流程如下图所示：用户A通过JavaScript jsjac.js库发送一条消息到JabberHTTPBind这个Servlet容器，然后JabberHTTPBind的Servlet容器会向Openfire发送XMPP协议的XML报文。Openfire Server接收到报文后解析，然后发送给指定的用户B。Jab...
虽然会有这样的错误，但是如果再仔细测试一下，会发现input标type属性设为button时，还是具有checked属性的，而且默认为false 代码如下所示： 代码如下: $(function () { $("#CheckedRev").click(function () { var TrueOrFalse = $(this).attr("checked"); alert(TrueOrFalse); }) }) JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例...
看个示例： 代码如下: var tbody=document.createElement(tbody); tbody.innerHTML=IE下tbody的innerHTML是只读的; //在IE下报错，目标对象错误 现在用jquery的html试试， 代码如下: $(tbody).html(IE下tbody的innerHTML是只读的); 发现IE下用jquery能正确显示了，没任何问题。 后来查阅资料才知道，原来IE下tbody、tr这些的innerHTML都是只读的，不允许写入，而在其他浏览器下则没问题。 而jquery里是用了try，catch来检测，如...
功能： 单击单元格选中，选中过程中使用方向键更换选中的单元格，选中过程中按回车键或者直接双击单元格进入可编辑状态，单元格失去焦点时保存修改的内容。 主要实现思路： 选中，移动选中区域等都是依靠jQuery强大的API进行实现的。而可编辑的单元格实际上是在选中单元格时，在单元格上面添加个input输入域，动态的更新数据源代码： HTML代码： 代码如下: Item1 Item2 Item3 arthinking Jason itzhai arthinking Jason ...
在HTML 5中，localstorage是个不错的东西，在支持localstorage的浏览器中， 能持久化用户表单的输入，即使关掉浏览器，下次重新打开浏览器访问，也能读出其值， 下面给出的例子是使用jquery 在每次表单加载的时候，读localstorage的值，而在表单每次提交时则清楚其值的例子 首先是一个表单： 代码如下: HTML5 Local Storage Example HTML5 Local Storage Example 然后是js部分代码： 代码如下: $(document).ready(...
对于如何修饰html标签，这对于js来说，可以通过setAttribute来设置标签的属性，通过getAttribute来得到标签的属性，而在jq中当然也可以实现类似的功能，方法上肯定比js要简化多了。 一 通过修改标签属性来改变它的样式 js设置和获取标签的属性 代码如下: window.onload = function () { var attr = document.getElementById("attr"); attr.setAttribute("style", "font-weight:bold;") alert(attr.getAttribute("style")); }...
页面遮罩弹出框是最常见的一种情况，今天用jQuery实现页面遮罩弹出框，主要用的技术有JQuery，css和html, html代码如下： 代码如下:点击这里查看效果 关闭 正在加载，请稍后.... css代码如下： 代码如下:body { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; } #main { height:1800px; padding-top:90px; text-align:center; } #fullbg { background-color:gray; left:0; opacity:0.5; position:absol...
代码如下: /** * 将页面设置为只读 */ var setReadOnly = function() { var input = $("input"); input.each(function(i) { $(this).attr("onfocus", "this.blur();return false;"); $(this).wrap(function() { return ; }); }); var select = $("select"); select.each(function(i) { $(this).attr("onfocus", "this.blur();return false;"); $(this).wrap(function() { return ; }); }); var textarea = $("textarea"); textarea...
在Ajax横道的今天，我们在页面交互上有了更高的要求，动态生成HTML毫无疑问是其中的一种。动态生成HTML的方式多种多样，其核心不外乎在前段（JS）或者后端（C#/PHP…）将数据组装成我们想要的模版，最终通过一定的方法输出给用户（innerHTML、documentWrite等方式）。 缺点 1）拼接字符串的过程容易出错，常常忘了'/”>等匹配的符号。 2）修改前台模版的同时容易遗忘同步更改动态生成的模版。 3）拼接字符串不直观和美观，不利于查...