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