随笔分类 - jQuery
摘要：jQuery UI 库文件官方下载： http://jqueryui.com/download使用时，只需在工程中将 development-bundle 文件夹下的themes 文件夹添加到新建 css 文件夹下，并将 ui 文件夹导入到工程中。然后在 html 文件中，按下列顺序导入js文件：<script type="text/javascript" src="jquery-1.7.2.js"></script><script type="text/javascript" src="ui/
阅读全文
摘要：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...
阅读全文
摘要：ajaxStart(callback)：Ajax请求开始时触发该事件ajaxSend(callback)：Ajax请求发送前触发该事件ajaxSuccess(callback)：Ajax请求成功时触发该事件ajaxComplete(callback)：Ajax请求完成时触发该事件ajaxStop(callback)：Ajax请求结束时触发该事件ajaxError(callback)：Ajax请求出现错误时触发该事件可以对 jQuery 对象调用上述全局事件。例如，当用户点击页面上某一按钮请求数据时，在页面上显示 loading... ，页面加载完成后隐藏 1 <!DOCTYPE html
阅读全文
摘要：1.serialize()方法 格式：var data = $("form").serialize(); 功能：将表单内容序列化成一个字符串。 这样在ajax提交表单数据时，就不用一一列举出每一个参数。只需将data参数设置为 $("form").serialize() 即可。2.serializeArray()方法 格式：var jsonData = $("form").serializeArray(); 功能：将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串。 比如，[{"name":"
阅读全文
摘要：1. $.ajax()方法参数对象属性如下：参数名类型描述urlString(默认: 当前页地址) 发送请求的地址。typeString(默认: "GET") 请求方式 ("POST" 或 "GET")， 默认为 "GET"。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。timeoutNumber设置请求超时时间（毫秒）。此设置将覆盖全局设置。asyncBoolean(默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 fal
阅读全文
摘要：事件绑定方法：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: &
阅读全文
摘要：事件流模型包括冒泡型事件流和捕获型事件流，前者从下到上一级一级的触发，后者从上到下一级级的触发。但是IE浏览器不支持捕获型事件流，所以大部分还是冒泡型事件流。1.传统的 JavaScript 事件（1）鼠标事件 onclick（单击） ondblclick（双击） onmousedown（按下鼠标左键） onmouseup（释放鼠标） onmouseover（光标移动到某对象上） onmousemove（鼠标移动） onmouseout（光标离开某对象）（2）键盘事件 onkeypress（键被按下以后） onkeydown（键被按下时） onkeyup（释放键）（3）页面事件 on...
阅读全文
摘要：如<div id="myDiv">...</div>如果想要是这个div中的内容不换行显示，且添加滚动条，可以这样设置其css样式：#myDiv{ width:300px; height:200px; border:solid 1px #999; word-break:keep-all; overflow:scroll;}蓝色显示的两行代码，上边一行是不换行，下面一行是当溢出时加滚动条
阅读全文
摘要：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){...}) 以上获取的都是...
阅读全文
摘要：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")
阅读全文
摘要：1.eq(index)2.filter(expr)3.filter(function)4.hasClass(class)5.is(expr)6.has(expr)7.map(callback)8.not(expr)9.slice(start [,end]) 不包括end实例和效果如下： 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type&quo
阅读全文
摘要：1.andSelf() 新增自身对象到当前的jQuery对象里，通常用法：$('li.third-item').nextAll().andSelf() .css('background-color', 'red'); 2.end() 返回到上一次jQuery对象, 通常用于链式操作里:$('ul.first').find('.foo').css('background-color', 'red').end().find('.bar').css('backgro
阅读全文
摘要：jQuery 对页面元素的搜索包括 父元素、同辈元素、子元素 的搜索。1.父元素搜索（1）parents([selector]) 方法$("p").parents().css("border","1px solid #999"); //给p元素的父元素添加边框样式$("p").parents("div").css(...); //给p元素的父元素中的div元素添加样式（2）closest(selector[,context]) 方法$("p").closest("d
阅读全文
摘要：jQuery过滤选择器包括 简单过滤选择器、内容过滤选择器、属性过滤选择器、子元素过滤选择器、表单域属性过滤选择器、可见性过滤选择器。1.简单过滤选择器 （1）:first 选择器。选择第一个匹配元素。 $("td:first").css("border","2px solid blue"); （2）:last 选择器。选择最后一个匹配元素。 $("td:last").css("border","2px solid blue"); （3）:odd 选择器。选择所有基数元素。
阅读全文
摘要：jQuery基本选择器包括 CSS选择器、层级选择器和、表单域选择器。1.CSS选择器（1）标签选择器 $("div") $("p") $("table") 等一系列 HTML 标签（2）ID选择器 <input id="user" type="text"> 获取该标记的值：$("#user").val();（3）类选择器 <input type="text" class="t"> 给该文本框添加样式：$(&qu
阅读全文