jQuery&EasyUI
xxxcyzyy
这个作者很懒,什么都没留下…
展开
-
10002---基本选择器
•选择器是 jQuery的根基, 在 jQuery中, 对事件处理, 遍历DOM 和 Ajax 操作都依赖于选择器 •jQuery选择器的优点: –简洁的写法 –完善的事件处理机制 •基本选择器是 jQuery中最常用的选转载 2015-11-03 00:01:20 · 395 阅读 · 0 评论 -
10014---jQuery--jQuery DOM 操作-添加元素
添加新的 HTML 内容 我们将学习用于添加新内容的四个 jQuery 方法: append() - 在被选元素的结尾插入内容prepend() - 在被选元素的开头插入内容after() - 在被选元素之后插入内容before() - 在被选元素之前插入内容 jQuery append() 方法 jQuery append() 方法在被选元素的结尾插入内容。 $("p").转载 2015-12-05 20:55:19 · 322 阅读 · 0 评论 -
10018---jQuery--Ajax(load,get,post方法)
AJAX 是与服务器交换数据的技术,它在不重载全部页面的情况下,实现了对部分网页的更新。 关于 jQuery 与 AJAX jQuery 提供多个与 AJAX 有关的方法。 通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、 HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。 jQue转载 2015-12-06 01:19:48 · 422 阅读 · 0 评论 -
10015---jQuery--jQuery DOM 操作-删除元素
删除元素/内容 如需删除元素和内容,一般可使用以下两个 jQuery 方法: remove() - 删除被选元素(及其子元素)empty() - 从被选元素中删除子元素 jQuery remove() 方法 jQuery remove() 方法删除被选元素及其子元素。 $("#div1").remove(); jQuery empty() 方法 jQuery empty转载 2015-12-05 21:01:31 · 225 阅读 · 0 评论 -
10016---jQuery--CSS类
jQuery 操作 CSS jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些: addClass() - 向被选元素添加一个或多个类removeClass() - 从被选元素删除一个或多个类toggleClass() - 对被选元素进行添加/删除类的切换操作css() - 设置或返回样式属性 实例样式表 下面的样式表将用于本页的所有例子: .importan转载 2015-12-05 21:51:04 · 283 阅读 · 0 评论 -
10018---jQuery--遍历
什么是遍历? jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素。 以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。 下图展示了一个家族树。通过 jQuery 遍历,您能够从被选(当前的)元素开始, 轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞)。这种移动被称为对 DOM 进行遍历。 图示解析转载 2015-12-05 23:11:28 · 341 阅读 · 0 评论 -
10017---jQuery--尺寸
jQuery 尺寸 方法 jQuery 提供多个处理尺寸的重要方法: width()height()innerWidth()innerHeight()outerWidth()outerHeight() jQuery 尺寸 jQuery width() 和 height() 方法 width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。 height()转载 2015-12-05 22:32:57 · 252 阅读 · 0 评论 -
10001---jQuery 简介
•jQuery是继 Prototype之后又一个优秀的 JavaScript 库 •jQuery理念: 写得少, 做得多. 优势如下: –轻量级 –强大的选择器 –出色的 DOM 操作的封装 –可靠的事件处理机制 –完善的 Ajax –出色的浏览器兼容性 –链式操作方式 DOM 对象转成 jQuery对象 •对于一个转载 2015-10-31 01:20:16 · 332 阅读 · 0 评论 -
10019---层次选择器
如果想通过 DOM 元素之间的层次关系来获取特定元素, 例如后代元素, 子元素, 相邻元素, 兄弟元素等, 则需要使用层次选择器. 注意: (“prev ~ div”) 选择器只能选择 “# prev ” 元素后面的同辈元素; 而 jQuery 中的方法 siblings() 与前后位置无关, 只要是同辈节点就可以选取。转载 2016-03-01 23:30:56 · 319 阅读 · 0 评论 -
10011---jQuery--Callback&Chaining
Callback 函数在当前动画 100% 完成之后执行 jQuery 动画的问题 许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。 例子:$("p").hide("slow") speed 或 duration 参数可以设置许多不同的值,比如 "slow", "fast", "normal" 或毫秒。 实例 以下实例在隐转载 2015-12-04 18:18:53 · 299 阅读 · 0 评论 -
10007---jQuery效果--显示/隐藏
1. 显示/隐藏 通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: $(function(){ $(".ex .hide").click(function(){ $(this).parents(".ex").hide("slow"); }); });语法: $(selector).hide(speed,callback转载 2015-12-04 15:35:09 · 253 阅读 · 0 评论 -
10008---jQuery效果--淡入淡出
jQuery Fading 方法 通过 jQuery,您可以实现元素的淡入淡出效果。 jQuery 拥有下面四种 fade 方法: fadeIn()fadeOut()fadeToggle()fadeTo() jQuery fadeIn() 方法 jQuery fadeIn() 用于淡入已隐藏的元素。 语法: $(selector).fadeIn(speed,callback转载 2015-12-04 15:51:39 · 330 阅读 · 0 评论 -
10012---jQuery--jQuery DOM 操作-捕获
jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易 获得内容 - text()、html() 以及 val() 三个简单实用的用于 DOM 操作的 jQuery 方法: text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值 下面的例子演示如何通过 j转载 2015-12-04 23:38:40 · 300 阅读 · 0 评论 -
10013---jQuery--jQuery DOM 操作-设置
设置内容 - text()、html() 以及 val() 我们将使用前一章中的三个相同的方法来设置内容: text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值 下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容: $("#btn1").click转载 2015-12-05 00:53:11 · 299 阅读 · 0 评论 -
10004---jQuery 语法
jQuery 语法 jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。 基础语法: $(selector).action() 美元符号定义 jQuery选择符(selector)"查询"和"查找" HTML 元素jQuery 的 action() 执行对元素的操作 实例: $(this).hide() - 隐藏当前元素 $("p").hide() -转载 2015-12-04 11:36:21 · 274 阅读 · 0 评论 -
10003---安装jQuery
下载 jQuery 有两个版本的 jQuery 可供下载: Production version - 用于实际的网站中,已被精简和压缩。Development version - 用于测试和开发(未压缩,是可读的代码) ----------------------------------- jQuery 库是一个 JavaScript 文件,您可以使用 HTML 的 标签引用转载 2015-12-04 11:24:09 · 258 阅读 · 0 评论 -
10006---jQuery事件
常见DOM事件: jQuery 事件方法语法 在 jQuery 中,大多数 DOM 事件都有一个等效的 jQuery 方法。 页面中指定一个点击事件: $("p").click(); 下一步是定义什么时间触发事件。您可以通过一个事件函数实现: $("p").click(function(){ // action goes here!! }); 常用的 jQuery 事转载 2015-12-04 14:31:12 · 311 阅读 · 0 评论 -
10010---jQuery效果--动画/停止动画
jQuery 动画 - animate() 方法 jQuery animate() 方法用于创建自定义动画。 语法: $(selector).animate({params},speed,callback); 必需的 params 参数定义形成动画的 CSS 属性。 可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。 可选的 callb转载 2015-12-04 18:03:53 · 464 阅读 · 0 评论 -
10005---jQuery 选择器
jQuery 选择器 jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。 jQuery 中所有选择器都以美元符号开头:$()。 元素选择器 jQuery 元素选择器基于元素名选取元素。 在页面中选取所转载 2015-12-04 12:13:15 · 326 阅读 · 0 评论 -
10020---过滤选择器
过滤选择器主要是通过特定的过滤规则来筛选出所需的 DOM 元素, 该选择器都以 “:” 开头 按照不同的过滤规则, 过滤选择器可以分为 基本过滤, 内容过滤, 可见性过滤, 属性过滤, 子元素过滤 表单对象属性过滤 选择器.转载 2016-03-01 23:34:52 · 317 阅读 · 0 评论