1.jQuery简介: ● jQuery由美国人John Resig于2006年创建 ● jQuery是目前最流行的JavaScript程序库,它是对JavaScript对象和函数的封装 ● 它的设计思想是write less,do more(以更少的代码,实现更多的功能):                                     ●jQuery是javaScript的程序库之一,它是javaScript对象和实用函数的封装. ●jQuery是继Prototype之后又一个优秀的…

1.对象:在JavaScript中,所有事物都是对象,如字符串.数值.数组.函数等. JavaScript中的基本数据类型: number(数值类型)   string(字符串类型)  boolean(布尔类型) null(空类型) undefined(未定义类型) object:一种复杂的数据类型,该类型实例化的对象是一组数据和功能的集合: 对象是包含相关属性和方法的集合体 属性 方法 ●什么是面向对象:     ★面向对象仅仅是一个概念或者编程思想      ★通过一种叫做原型的方式来实现面…

1. jQuery中的事件: ●和WinForm一样,在网页中的交互也是需要事件来实现的,例如tab切换效果,可以通过鼠标单击事件来实现 ●jQuery事件是对JavaScript事件的封装,常用事件分类 ●基础事件 鼠标事件 键盘事件 window事件 表单事件 ●复合事件 鼠标光标悬停 鼠标连续点击 2.基础事件: ●语法: 时间名=”函数名()”;    或: DOM 对象.事件名=函数 ●载入事件:在jQuery中,常用的window事件有文档载入事件,它对应的方法是ready(). ●…

1.jQuery选择器:jQuery选择器类似于CSS选择器,用来选取网页中的元素.       Eg:$("h3").css("background","#09F");            分析:  获取并设置网页中所有<h3>元素的背景   “h3”为选择器语法,必须放在$()中    $(“h3”)返回jQuery对象           .css()是为jQuery对象设置样式的方法 2. jQuery选择器的优势: ★简洁…

1. DOM:Document Object Model(文档对象模型):          DOM操作:                   ●DOM是Document Object Model的缩写,即文档对象模型,是基于文档编程的一套API接口,                    ●1988年,W3C发布了第一级的DOM规范,这个规范允许和操作HTML页面中的每个单独的元素,如网页的表格.图片.文本.表单元素等 2.DOM操作分类: ●使用JavaScript操作DOM时分为三个方面:…

环境搭建 搭建一个jQuery的开发环境非常方便,可以通过下列几个步骤进行. 下载jQuery文件库 在jQuery的官方网站(http://jquery.com)中,下载最新版本的jQuery文件库.在网站中找到最新版本文件的下载按钮,将jQuery框架文件下载到本地即可. 2. 引入jQuery文件库 下载完jQuery框架文件后,并不需要任何的安装,仅需要使 用<script>文件导入标记,将jQuery框架文件导入页面中即可,假设该文件下载后保存在项目文件夹Jscript中,那么,在页…

全部章节   >>>> 本章目录 6.1 jQuery概述 6.1.1 初识 jQuery 6.1.2 jQuery 基本功能 6.1.3 搭建 jQuery 开发环境 6.1.4 编写一个简单的 jQuery 应用 6.1.5 jQuery代码的特点 6.1.6 实践练习 6.2 jQuery 基本选择器 6.2.1 jQuery 选择器概述 6.2.2 基本选择器 6.2.3 实践练习 6.3 过滤选择器 6.3.1 基本过滤选择器 6.3.2 内容过滤选择器 6.3.3 可见…

1.DOM操作: DOM操作分为三类: ●DOM Core:任何一种支持DOM的编程语言都可以使用它,如getElementById().getElementsByName: ●HTML-DOM:用于处理HTML文档,如document.forms: ●CSS-DOM:用于操作CSS(获取和设置style对象的各种属性),如element.style.color="green": ●JavaScript用于对(x)html文档进行操作,它对这三类DOM操作都提供了支持: 2. jQue…

jQuery与JavaScript: jQuery的用途: 访问和操作DOM元素: 控制页面样式: 对页面事件的处理: 方便地使用jQuery插件: 与Ajax技术的完美结合: jQuery的优势: 轻量级: 强大的选择器: 出色的DOM封装: 可靠的事件处理机制: 出色的浏览器兼容性: 隐式迭代: 丰富的插件支持: jQuery语法: jQuery语法结构: 实例一: 实例二: show():显示: hide():隐藏: jQuery程序的代码风格: next():获取同胞元素: 不同的添加对…

一.Object method context 1.We have seen that adding global functions requires extending the jQuery object with new methods. Adding instance methods is similar, but we instead extend the jQuery.fn object(The jQuery.fn object is an alias to jQuery.proto…