工作在浏览器上人-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... 阅读全文

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

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

摘要： 一、通用属性 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' 图标关闭。 如果内容长度超过最大高度，一个滚动条会自动出现。 一个底部按钮栏和一个半透明的模式覆盖层是常见的添加选项... 阅读全文