工作在浏览器上人-YangBobin

摘要： jQuery UI 提供了大量可以通过对元素应用 Class 名称来使用的图标（Icons）。 Class 名称大体上遵循语法 .ui-icon-{icon type}-{icon sub description}-{direction}。 例如，下面将显示一个向北的厚箭头的图标： 图标也集成到一些 jQuery UI 的小部件，比如 accordion、button、men... 阅读全文

摘要： 一、什么是 CSS? CSS 指层叠样式表 (Cascading Style Sheets) ，样式定义如何显示 HTML 元素 ，通常存储在样式表中 。 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 ，通常存储在 CSS 文件中 。多个样式定义可层叠为一个 二、CSS语法 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明... 阅读全文

摘要： 同源策略 一、跨域的集中方法： 服务器端发送请求，服务器作为中继代理（此方法不理解） iframe script标签 通过动过动态生成script标签，并将src指向目标源的方式 原生实现方式示例： var url="www.xxx.baidu.com/aa.js",scriptTag=document.createElement("script");scrip... 阅读全文

摘要： JavaScript中的this不总是指向当前对象，函数或类中的this指向与调用这个函数的对象以及上下文环境是息息相关的。 如在全局作用域调用一个含this的对象，此时当前对象的this指向的是window。 为了让this的指向符合自己的意愿，JavaScript提供了两个方法用以改变this的指向，它们是call和apply，当然也有利用闭包来实现的方法。 在Jquery 中的this... 阅读全文

摘要： 定义：让网站服务器把少量数据储存到客户端的硬盘或内存，从客户端的硬盘读取数据的一种技术； 下载与引入:jquery.cookie.js基于jquery；先引入jquery，再引入：jquery.cookie.js；下载：http://plugins.jquery.com/cookie/ 一、创建Cookies 1.创建或设置cookie值： $.cookie('the_c... 阅读全文

摘要： 一、文本输入框: text 1、获取文本值： $("#input1").val(); 2、选中文本： $("#input1").select(); 3、禁用、启用文本框 $("#input1”].attr("disabled",true); 4、只读、取消只读： $("#input1”].attr("readonly",true); 二... 阅读全文

摘要： 一、集合、数组、对象操作 jQuery.each():遍历一个jQuery对象或者数组，为每个匹配元素执行一个函数。 jQuery.param():创建一个序列化的数组或对象，适用于一个URL 地址查询字符串或Ajax请求。 jQuery.grep()：查找满足过滤功能数组元素。原始数组不受影响。 jQuery.inArray()：搜索数组中指定值并返回它的索引（如果没有... 阅读全文

摘要： 一、AJAX请求 1、jQuery.ajax(url,[settings])： 通过 HTTP 请求加载远程数据。 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数。 Example: 保存数据到服务器，成功时显示信息。 $.ajax({ ... 阅读全文

摘要： 一、概述： 当用户与浏览器进行交互时这些方法被用于注册行为生效，并进一步处理这些注册行为。 二、绑定事件处理器 1、.on()： 在选定的元素上绑定一个或多个事件处理函数。 on( events [, selector ] [, data ], handler(eventObject) ) Example1: 当点击段落时，显示该段落中的文本： $("p").on("click... 阅读全文

摘要： 一、基本效果 1、.show()：显示匹配元素 .show() .show( [duration ] [, complete ] ) .show( options ) .show( [duration ] [, easing ] [, complete ] ) 2、.hide()：隐藏匹配的元素。 3、.toggle()：显示或隐藏匹配元素。 .toggl... 阅读全文

摘要： 一、DOM 插入现有元素内 .append():根据参数设定在每个匹配元素里面的末尾处插入内容。 .appendTo():将匹配的元素插入到目标元素的最后面（译者注：内部插入）。 .prepend():将参数内容插入到每个匹配元素的前面（元素内部）。 .prependTo():将所有元素插入到目标前面（元素内）。 .text():得到匹配元素集合中每个元素的文本内容... 阅读全文

摘要： 一、通用属性 1、.attr(): 获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。 .attr( attributeName ) .attr( attributeName, value ) .attr( attributes ) .attr( attributeName, function(index, attr) ) 2... 阅读全文

摘要： 一、基本筛选 :eq() ：在匹配的集合选择索引值为n的元素。 :gt() ：选择匹配集合中所有大于给定index（索引值）的元素。 :lt() ：选择匹配集合中所有小于给定index索引值）的元素。 :even ：选择偶数元素，从 0 开始计数。 也可以查看 odd. :odd ：选择奇数元素，从 0 开始计数。同样查看偶数 even. :focus ：选择... 阅读全文

摘要： 一、筛选元素 .eq()：减少匹配元素的集合为指定的索引的哪一个元素。 .filter()：筛选元素集合中匹配表达式或传递函数的测试的那些元素集合。 .first()：获取匹配元素集合中第一个元素。 .has()：筛选匹配元素集合中的那些有相匹配的选择器或DOM元素的后代元素。 .is()：针对一个选择器，DOM元素，或者jQuery对象检查... 阅读全文

摘要： 一、基本选择器 *： 选择所有元素. .class：选择给定样式类名的所有元素。 element：根据给定（html）标记名称选择所有的元素。 #id：选择一个具有给定id属性的单个元素。 selector1, selector2, selectorN：将每一个选择器匹配到的元素合并后一起返回。 二、层级选择器 parent > child：选择所有指定... 阅读全文

摘要： 一、函数（封装成jquery对象） 返回匹配的元素集合，无论是通过在DOM的基础上传递的参数还是创建一个HTML字符串。 1、$( selector [, context ] )： 接受一个包含一个CSS选择器的字符串，用于匹配的一组元素。 默认情况下,选择器是从文档根节点（文档（document））开始执行搜索。 $( "div > p").css("border", "1px ... 阅读全文

摘要： 一种多面板的单内容区，每个面板与列表中的标题相关。 一、实例 一个简单的 jQuery UI 标签页（Tabs）。 代码 一 二 三 第一个标签是默认激活的： $( "#tabs" ).tabs(); Lorem ipsum dolor sit amet, consectetuer adipiscing elit, se... 阅读全文

摘要： 相对另一个元素定位一个元素。 一、实例 一个简单的 jQuery UI 定位（Position）实例。 代码 .position() 实例 1 2 3 4 查看演示 返回：jQuery .position( options ) 二、参数options: my（默认值："center"）:类型：String 描述：定... 阅读全文

摘要： 一、实例 一个简单的 jQuery UI 滑块（Slider）。 代码： 查看演示 拖动手柄来选择一个数值。 jQuery UI 滑块（Slider）插件允许通过滑块进行选择。有各种不同的选项，比如多个手柄和范围。手柄可通过鼠标或箭头按键进行移动。 滑块部件（Slider Widget）会在初始化时创建带有 class ui-slider-handle 的手柄元素。... 阅读全文

摘要： 在一个交互覆盖层中打开内容。 一、实例 一个简单的 jQuery UI 对话框（Dialog）。 代码 打开对话框我是一个对话框 查看演示 对话框是一个悬浮窗口，包括一个标题栏和一个内容区域。对话框窗口可以移动，重新调整大小，默认情况下通过 'x' 图标关闭。 如果内容长度超过最大高度，一个滚动条会自动出现。 一个底部按钮栏和一个半透明的模式覆盖层是常见的添加选项... 阅读全文

摘要： 显示一个确定的或不确定的进程状态。 一、实例 一个简单的 jQuery UI Progressbar 代码 一个简单的 jQuery UI 不确定的进度条（Indeterminate Progressbar）。 查看演示 进度条被设计来显示进度的当前完成百分比。进度条通过 CSS 编码灵活调整大小，默认会缩放到适应父容器的大小。 一个确定的进度... 阅读全文

摘要： 从弹出框或内联日历选择一个日期。 一、实例 一个简单的 jQuery UI 日期选择器（Datepicker）。 代码 查看演示 jQuery UI 日期选择器（Datepicker）是向页面添加日期选择功能的高度可配置插件。您可以自定义日期格式和语言，限制可选择的日期范围，添加按钮和其他导航选项。 默认情况下，当相关的文本域获得焦点时，在一个小的覆盖层打开日期选... 阅读全文

摘要： 可主题化的按钮和按钮集合。 一、实例 实例 1：一个简单的 jQuery UI 按钮（Button）。 代码 按钮标签 查看演示 实例 2：一个简单的 jQuery UI 按钮集（Buttonset）。 代码 最喜欢的 jQuery 项目 Sizzle QUnit ... 阅读全文

摘要： 把一对标题和内容面板转换成折叠面板。 一、实例 一个简单的 jQuery UI 折叠面板（Accordion）。 代码 部分 1 Mauris mauris ante, blandit et, ultrices a, suscipit eget. Integer ut neque. Vivamus nisi metus, molestie vel, gravi... 阅读全文

摘要： 自动完成功能根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。 一、实例 实例 1：一个简单的 jQuery UI 自动完成（Autocomplete）。 代码： 选择一个编程语言： 查看演示 实例 2：使用自定义源回调来匹配条件的开始。 代码： 选择一个编程语言： 查看演示 任何可以接收输入的字段都可以转换为 Autocom... 阅读全文

摘要： 使用鼠标调整列表中或者网格中元素的排序。 一、实例 一个简单的 jQuery UI 可排序小部件（Sortable Widget）。 代码： Item 1 Item 2 Item 3 Item 4 Item 5 查看演示 注释：jQuery UI 可排序（Sortable）插件让被选元素通过鼠标拖拽进行排序。 注释：为了排序表格行，tbody 必须是可... 阅读全文

摘要： 使用鼠标选择单个元素或一组元素。 一、实例 一个简单的 jQuery UI 可选择小部件（Selectable Widget）。 代码 Item 1 Item 2 Item 3 Item 4 Item 5 查看演示 注释：jQuery UI 可选择（Selectable）插件允许通过鼠标拖拽选择元素（有时被称为一个套索）。可以在按住 ctrl/met... 阅读全文

摘要： 为可拖拽小部件创建目标。 一、实例 一对 draggable 和 droppable 元素。 请放置到这里！请拖拽我！ 查看演示 注释：jQuery UI 可放置（Droppable）插件让被选元素可放置（意味着它们在拖拽后接受被放置）。您可以逐个指定哪一个 draggable 会接受。 二、快速导航 1、选项 accept:控制哪个可拖拽（draggab... 阅读全文

摘要： 使用鼠标改变元素的尺寸。 一、实例 一个简单的 jQuery UI 可调整尺寸小部件（Resizable Widget）。 代码： 查看演示 注释：jQuery UI 可调整尺寸（Resizable）插件让被选元素可调整尺寸（意味着它们有可拖拽的调整大小的手柄）。您可以指定一个或多个手柄，也可以指定宽度和高度的最小值也最大值。 二、快速导航 1、选项 a... 阅读全文

摘要： 一、实例 一个简单的 jQuery UI 可拖拽小部件（Draggable Widget）。 代码： <div id="draggable">请拖拽我！</div> <script> $( "#draggable" ).draggable(); </script> 查看演示 允许使用鼠标移动元素。 阅读全文