随笔分类 - jQuery学习笔记
摘要：datapicker外观选项 index.html： style.css： jQuery代码： 现在来测试autoSize属性，若style.css如下： jQuery代码： 再来看剩余的属性：
阅读全文
摘要：插件(Plugin)也成为jQuery扩展(Extension)，是一种遵循一定规范的应用程序接口编写出来的程序。目前jQuery插件已超过几千种，由来自世界各地的开发者共同编写、验证和完善。而对于jQuery开发者而言，直接使用这些插件将快速稳定架构系统，节约项目成本。 插件概述 插件是以jQue
阅读全文
摘要：测试操作 在jQuery中，数据有着各种类型和状态。有时，我们希望能通过判断数据的类型和状态做相应的操作。jQuery提供了五组测试用的工具函数。 测试工具函数 判断是否为数组对象： 判断是否为函数： 判断是否为空对象： 纯粹对象，即由{}或new Object()创造出的对象。 注意：如果使用ne
阅读全文
摘要：工具函数是指直接依附于jQuery对象，针对jQuery对象本身定义的方法，即全局性的函数。它的作用主要是提供比如字符串、数组、对象等操作方面的遍历。 字符串操作 在jQuery中，字符串的工具函数只有一个，就是去除字符串左右空格的工具函数：$.trim()。如： 数组和对象操作 jQuery为处理
阅读全文
摘要：动画相关方法 很多时候需要停止正在运行中的动画，jQuery为此提供了一个.stop()方法。它有两个可选参数：.stop(clearQueue, gotoEnd)；clearQueue传递一个布尔值，代表是否清空未执行完的动画列队，gotoEnd代表是否直接将正在执行的动画跳转到末状态。 html
阅读全文
摘要：自定义动画 jQuery提供了几种简单常用的固定动画方法我们使用，但有些时候，这些简单动画无法满足我们更加复杂的需求，这个时候，jQuery提供了一个.animate()方法来创建我们的自定义动画，满足更多复杂多变的要求。 html代码如下： style.css代码： jQuery代码： 注意：一个
阅读全文
摘要：在以前很长一段时间里，网页上的各种特效还需要采用flash在进行。但最近几年里，我们已经很少看到这种情况了，绝大部分已经使用JavaScript动画效果来取代flash。这里说的取代是网页特效部分，而不是动画。网页特效比如：渐变菜单、渐进显示、图片轮播等；而动画比如：故事情节广告、MV等等。 显示、
阅读全文
摘要：事件委托 什么是事件委托？用现实中的理解就是：有100个学生同时在某天中午收到快递，但这100个学生不可能同时站在学校门口等，那么都会委托门卫去收取，然后再逐个交给学生。而在jQuery中，我们通过事件冒泡的特性，让子元素绑定的事件冒泡到父元素(或祖先元素)上，然后再进行相关处理即可。 如果一个企业
阅读全文
摘要：jQuery不但封装了大量常用的事件处理，还提供了不少高级事件方便开发者使用。比如模拟用户触发事件、事件委托事件、和统一整合的on和off，以及仅执行一次的one方法。这些方法大大降低了开发者难度，提升了开发者的开发体验。 模拟操作 在事件触发的时候，有时我们需要一些模拟用户行为的操作。例如：当网页
阅读全文
摘要：冒泡和默认行为 如果在页面中重叠了多个元素，并且重叠的这些元素都绑定了同一个事件，那么就会出现冒泡问题。 例，html代码如下： <!--EndFragment-->三个不同元素触发事件： 注意：当我们点击文档的时候，只触发文档事件；当我们点击div层时，触发了div和文档两个；当我们点击按钮时，触
阅读全文
摘要：JavaScript在事件处理函数中默认传递了event对象，也就是事件对象。但由于浏览器的兼容性，开发者总是会做兼容方面的处理。jQuery在封装的时候，解决了这些问题，并且还创建了一些非常好用的属性和方法。 事件对象 事件对象就是event对象，通过处理函数默认传递接受。之前处理函数的e就是ev
阅读全文
摘要：简写事件(二) 基础事件(一)封装的大部分方法都比较好理解，我们也演示确认一部分，现在重点看几个需要注意区分的简写方法。 .mouseover()和.mouseout()表示鼠标移入和移出的时候触发，那么jQuery还封装了另外一组：.mouseenter()和.mouseleave()表示鼠标穿过
阅读全文
摘要：JavaScript有一个非常重要的功能，就是事件驱动。当页面完全加载后，用户通过鼠标或键盘触发页面中绑定事件的元素即可触发。jQuery为开发者更有效率的编写事件行为， 封装了大量有益的事件方法供我们使用。 绑定事件 在JavaScript课程的学习中，我们掌握了很多使用的事件，常用的事件有：cl
阅读全文
摘要：表单作为HTML中一种特殊的元素，操作方法较为多样性和特殊性，开发者不但可以使用之前的常规选择器或过滤器，也可以使用jQuery为表单专门提供的选择器和过滤器来准确的定位表单元素。 常规选择器 我们可以使用id、类(class)和元素名来获取表单字段， 如果是表单元素， 都必须含有name属性，还可
阅读全文
摘要：DOM中有一个非常重要的功能，就是节点模型，也就是DOM中的“M” 。页面中的元素结构就是通过这种节点模型来互相对应着的，我们只需要通过这些节点关系，可以创建、插入、替换、克隆、删除等等一些列的元素操作。 创建节点 为了使页面更加智能化，有时我们想动态的在html结构页面添加一个元素标签，那么在插入
阅读全文
摘要：CSS方法 jQuery不但提供了CSS的核心操作方法，比如.css()、.addClass()等。还封装了一些特殊功能的CSS操作方法，我们分别来了解一下。 width()方法 html代码(部分)如下： jQuery代码如下： 通过typeof可以看到变量的具体数据类型是什么。 height()
阅读全文
摘要：元素样式操作 元素样式操作包括了直接设置CSS样式、增加CSS类别、类别切换、删除类别这几种操作方法。而在整个jQuery使用频率上来看，CSS样式的操作也是极高的，所以需要重点掌握。 CSS操作方法 有html代码(部分)如下： jQuery代码： 有html代码(部分)如下： jQuery代码：
阅读全文
摘要：DOM简介 DOM是一种文档对象模型，方便开发者对HTML结构元素内容进行展示和修改。在JavaScript中，DOM不但内容庞大繁杂，而且我们开发的过程中需要考虑更多的兼容性、扩展性。在jQuery中，已经将最常用的DOM操作方法进行了有效封装，并且不需要考虑浏览器的兼容性。 设置元素及内容 我们
阅读全文
摘要：过滤选择器简称：过滤器。它其实也是一种选择器，而这种选择器类似于CSS3(http://t.mb5u.com/css3/)里的伪类，可以让不支持CSS3的低版本浏览器也能支持。和常规选择器一样，jQuery为了更方便开发者使用，提供了很多独有的过滤器。 基本过滤器 过滤器主要通过特定的过滤规则来筛选
阅读全文
摘要：高级选择器 在前面我们学习六种最常规的选择器， 一般来说通过这六种选择器基本上可以解决所有DOM节点对象选择的问题。但在很多特殊的元素上，比如父子关系的元素，兄弟关系的元素，特殊属性的元素等等。在早期CSS的使用上，由于IE6等低版本浏览器不支持，所以这些高级选择器的使用也不具备普遍性，但随着jQu
阅读全文
浙公网安备 33010602011771号