【jQuery系列 第六章 jQuery框架事件处理】的更多相关文章

jQuery系列 第六章 jQuery框架事件处理

第六章 jQuery框架事件处理 JavaScript以事件驱动来实现页面的交互,其核心是以消息为基础,以事件来驱动.虽然利用传统的JavaScript事件处理方式也能够完成页面交互,但jQuery框架增加并扩展了基本的事件处理机制,jQuery框架提供了更加优雅的事件处理语法,并极大的增强了事件处理能力. 6.1 事件处理简单说明 jQuery框架在JavaScript的基础上进一步封装了不同类型的事件模型,形成了一套更强大和优雅的“jQuery事件模型”. jQuery中的事件模型表现出以下…

jQuery系列 第七章 jQuery框架DOM操作

第七章 jQuery框架的选择器 jQuery框架继承和优化了JavaScript访问DOM对象的特性,我们使用jQuery框架提供的api可以更加方便的操作DOM对象. 7.1 创建DOM节点 使用JavaScript原生方式创建DOM节点并添加到页面中的代码示例: //01 创建DOM节点 var oDiv = document.createElement("div"); //02 设置DOM节点的内容 oDiv.innerText = "测试的DIV标签";…

jQuery系列 第四章 jQuery框架的选择器

第四章 jQuery框架的选择器 4.1 jQuery选择器说明 jQuery 最核心的组成部分就是选择器引擎.它完全继承了 CSS 的风格,可以对 DOM 元 素的标签名.属性名.状态等进行快速准确的选 择,而且不必担心浏览器的兼容性,写法更加简洁. jQuery 选择器实现了 CSS1~CSS3 的大部分规则之外,还实现了一些自定义的选择器,用于各种特殊状态的选择. 优点:相对于直接使用 JavaScript 获取页面元素和处理业务逻辑相比,使用jQuery 选择器来进行操作代码更简单且拥有…

jQuery系列 第五章 jQuery框架动画特效

第五章 jQuery框架动画特效 5.1 jQuery动画特效说明 jQuery框架中为我们封装了众多的动画和特效方法,只需要调用对应的动画方法传递合适的参数,就能够方便的实现一些炫酷的效果,而且jQuery框架还支持自定义各种动画效果. jQuery中的动画效果主要有以下方法 ① 显示和隐藏动画② 展开和收起动画③ 淡入和淡出动画④ 自定义动画效果 5.2 显示和隐藏动画 jQuery框架中为我们提供了专门的方法来控制让标签显示或者是隐藏.标签的显示和隐藏在开发中相对来说是比较常见的操作,如果…

jQuery系列 第三章 jQuery框架操作CSS

第三章 jQuery框架操作CSS 3.1 jQuery框架的CSS方法 jQuery框架提供了css方法,我们通过调用该方法传递对应的参数,可以方便的来批量设置标签的CSS样式. 使用JavaScript设置标签的样式相对来说比较麻烦,而如果需要批量的设置多个标签的样式那需要写很多代码,使用jQuery可以为我们简化该过程.     使用原生的方式来设置标签的样式(代码示例) <body> <div>我是div标签</div> <button id="…

jquery系列教程7-自定义jquery插件全解：对象函数、全局函数、选择器

点击打开: jquery系列教程1-选择器全解 jquery系列教程2-style样式操作全解 jquery系列教程3-DOM操作全解 jquery系列教程4-事件操作全解 jquery系列教程5-动画操作全解 jquery系列教程6-ajax的应用全解 jquery系列教程7-自定义jquery插件全解 jquery系列教程8-jquery插件大全 自定义jquery插件详解: 1.插件名称最好为jquery.[插件名].js.所有方法和函数插件都应该以分号结尾.插件开头也应该添加分号. 2.…

第六章 jQuery选择器

jQuery选择器概述: 选择器jQuery基础,在jQuery中,对事件处理,遍历DOM和Ajax操作都依赖于选择器. 什么是jQuery选择器: jQuery选择器拥有良好的浏览器兼容性,不用使用CSS选择器那样需要考虑各个浏览器对它的支持情况. jQuery选择器的优势: 简洁的写法: 完善的处理机制: jQuery选择器的类型: 通过CSS选择器选取的元素: 基本选择器: 层次选择器: 属性选择器: 通过过滤选择器选择元素: 基本过滤选择器: 可见性过滤选择器: 基本选择器: 标签选择器…

jQuery常用方法（六）-jQuery 工具

JQuery Utilities 方法说明 jQuery.browser .msie 表示ie jQuery.browser.version 读取用户浏览器的版本信息 jQuery.boxModel 检测用户浏览器针对当前页的显示是否基于w3c CSS的盒模型 jQuery.isFunction( obj ) 检测传递的参数是否为function function stub() { } var objs = [ function () {}, { x:15, y:20 }, null, stub…

JQuery系列（8） - JQuery插件开发

所谓“插件”,就是用户自己新增的jQuery实例对象的方法.由于该方法要被所有实例共享,所以只能定义在jQuery构造函数的原型对象(prototype)之上.对于用户来说,把一些常用的操作封装成插件(plugin),使用起来会非常方便. 插件的编写 原理 本质上,jQuery插件是定义在jQuery构造函数的prototype对象上面的一个方法,这样做就能使得所有jQuery对象的实例都能共享这个方法.因为jQuery构造函数的prototype对象被简写成jQuery.fn对象,所以插件采用…

第六章 jQuery和ajax应用

ajax是异步JavaScript和xml的简称. 一. ajax补白 优势 不足(不一定是不足) 不需要任何插件(但需要浏览器支持js) XMLHttpRequest对象在不同浏览器下有差异 优秀的用户体验--不需要重复加载页面 破坏了浏览器前进后退的功能 提高了程序性能 搜索引擎不友好 把一部分负担有服务器端转移到客户端 开发难度大 ajax最重要的核心是XMLHttpRequest对象 1.XMLHttpRequest对象的属性和方法 从分析一个ajax.js开始 1 2 3 4 5 6…