lihui_yy

2012年7月18日

摘要： 1.基本效果（1）隐藏 hide() hide(speed [,callback])（2）显示 show() show(speed [,callback])（3）交替显示隐藏 toggle() //单击一次隐藏，再单击一次显示，循环。。。。 toggle(switch) //switch 为true则显示，false则隐藏 toogle(speed [,callback])2.滑动效果（1）向上收缩 slideUp(speed [,callback])（2）向下展开 slideDown(speed [,callback])（3）交替伸缩样式 slideToggle(spee... 阅读全文

posted @ 2012-07-18 21:58 lihui_yy 阅读(401) 评论(0) 推荐(0)

2012年7月17日

jQuery 中的 Ajax 全局事件

摘要： ajaxStart(callback)：Ajax请求开始时触发该事件ajaxSend(callback)：Ajax请求发送前触发该事件ajaxSuccess(callback)：Ajax请求成功时触发该事件ajaxComplete(callback)：Ajax请求完成时触发该事件ajaxStop(callback)：Ajax请求结束时触发该事件ajaxError(callback)：Ajax请求出现错误时触发该事件可以对 jQuery 对象调用上述全局事件。例如，当用户点击页面上某一按钮请求数据时，在页面上显示 loading... ，页面加载完成后隐藏 1 <!DOCTYPE html 阅读全文

posted @ 2012-07-17 22:07 lihui_yy 阅读(2374) 评论(0) 推荐(1)

jQuery 序列化表单数据 serialize() serializeArray()

摘要： 1.serialize()方法格式：var data = $("form").serialize(); 功能：将表单内容序列化成一个字符串。这样在ajax提交表单数据时，就不用一一列举出每一个参数。只需将data参数设置为 $("form").serialize() 即可。2.serializeArray()方法格式：var jsonData = $("form").serializeArray(); 功能：将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串。比如，[{"name":" 阅读全文

posted @ 2012-07-17 21:53 lihui_yy 阅读(36418) 评论(0) 推荐(3)

jQuery 中的 Ajax $.ajax() load() $.get() $.post() $.getJSON() $.getScript()

摘要： 1. $.ajax()方法参数对象属性如下：参数名类型描述urlString(默认: 当前页地址) 发送请求的地址。typeString(默认: "GET") 请求方式 ("POST" 或 "GET")，默认为 "GET"。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。timeoutNumber设置请求超时时间（毫秒）。此设置将覆盖全局设置。asyncBoolean(默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 fal 阅读全文

posted @ 2012-07-17 20:50 lihui_yy 阅读(6118) 评论(0) 推荐(2)

Ajax 创建 XMLHttpRequest 对象

摘要： var xmlRequest; if(window.ActiveXObject){ /*支持IE浏览器*/ xmlRequest = new ActiveXObject("Microsoft.XMLHTTP"); }else if(window.XMLHttpRequest){ /*支持Firefox, chrome, safari等*/ xmlRequest = new XMLHttpRequest(); ... 阅读全文

posted @ 2012-07-17 19:34 lihui_yy 阅读(285) 评论(0) 推荐(0)

jQuery 事件绑定方法（bind hover toggle live.... ）、删除事件方法（unbind, die）及事件对象

摘要：事件绑定方法：1.<type>(function)$("button").click(function(){ ...});2.bind(map)$("input[type='text']").bind({ focus: function(){ ... }, blur: function(){ ... }})3.bind(type, [data,] function) 注：如果没有第二个参数，则与第一个绑定事件方法相同$("button").bind( "click", { arg1: & 阅读全文

posted @ 2012-07-17 15:55 lihui_yy 阅读(13577) 评论(0) 推荐(0)

jQuery 事件 keypress click mouseover blur load ......

摘要：事件流模型包括冒泡型事件流和捕获型事件流，前者从下到上一级一级的触发，后者从上到下一级级的触发。但是IE浏览器不支持捕获型事件流，所以大部分还是冒泡型事件流。1.传统的 JavaScript 事件（1）鼠标事件 onclick（单击） ondblclick（双击） onmousedown（按下鼠标左键） onmouseup（释放鼠标） onmouseover（光标移动到某对象上） onmousemove（鼠标移动） onmouseout（光标离开某对象）（2）键盘事件 onkeypress（键被按下以后） onkeydown（键被按下时） onkeyup（释放键）（3）页面事件 on... 阅读全文

posted @ 2012-07-17 14:50 lihui_yy 阅读(2143) 评论(0) 推荐(0)

使用 css 设置文本不换行添加滚动条

摘要：如<div id="myDiv">...</div>如果想要是这个div中的内容不换行显示，且添加滚动条，可以这样设置其css样式：#myDiv{ width:300px; height:200px; border:solid 1px #999; word-break:keep-all; overflow:scroll;}蓝色显示的两行代码，上边一行是不换行，下面一行是当溢出时加滚动条阅读全文

posted @ 2012-07-17 14:37 lihui_yy 阅读(2180) 评论(0) 推荐(0)

2012年7月16日

jQuery 中的 HTML 操作

摘要： 1.操作HTML（1）获取 HTML 内容 html() //获取匹配元素集合中的第1个元素（2）设置 HTML 内容 html(htmlString) //为匹配集合中的所有元素设置内容（3）根据索引设置 HTML 内容 html(function(index, html){...}) 以上方式获取的都是带标签的 html 内容2.操作文本（1）获取文本内容 text() //返回所有匹配元素集的文本内容组合起来的文本（2）设置文本内容 text(textString)（3）根据索引设置文本内容 text(function(index, text){...}) 以上获取的都是... 阅读全文

posted @ 2012-07-16 11:38 lihui_yy 阅读(550) 评论(0) 推荐(0)

2012年7月10日

jQuery DOM 操作（基本操作、内部插入、外部插入、包裹操作）

摘要： 1.删除操作（1）remove() $(selector).remove([selector])$("#div3").remove(); //删除 id 为 div3 的 div 标签$("div").remove("#div3"); //删除 div 标签中 id 为 "div3" 的标签（2）detach() $(selector).detach([selector])$("#div3").detach(); //删除 id 为 div3 的 div 标签$("div") 阅读全文

posted @ 2012-07-10 12:28 lihui_yy 阅读(33317) 评论(1) 推荐(1)

公告