随笔分类 - 锋利的jQuery
阅览锋利的jQuery此书并对知识点做出简要总结
摘要：7.6.1 插件的种类 编写插件的目的是给已经有的一系列方法或函数做一个封装，以便在其他地方重复使用，方便后期维护和提高开发效率。 jQuery 的插件主要分为3种类型。 1 封装对象方法的插件 这种插件是将对象方法封装起来，用于对通过选择器获取的 jQuery 对象进行操作，是最常见的一种插件。
阅读全文
摘要：7.4 jQuery UI 插件 7.4.1 jQuery UI 简介 jQuery UI 主要分为3个部分，交互、微件和效果差： ♦ 交互。这里都是一些与鼠标交互相关的内容，包括拖动（Draggable）、置放（Droppable）、缩放（Resizable）、选择（Selectable）和排序（
阅读全文
摘要：7.3.1 livequery 插件简介 jQuery 的事件绑定功能使得 jQuery 与 HTML 代码能够完全分离，这样代码层次关系更加清晰，维护起来也更加简单。然而对于动态加载到页面的 HTML 元素，每次都需要重新绑定事件到这些元素上，十分不便。于是出现 Livequery ，可以利用它给
阅读全文
摘要：7.2 jQuery 表单插件 Form 7.2.1 Form 插件简介 jQuery Form 插件是一个优秀的 Ajax 表单插件，可以非常容易地、无侵入地升级 HTML 表单以支持 Ajax。jQuery Form 有两个核心方法 ajaxForm() 和 ajaxSubmit() 。它们集合
阅读全文
摘要：7.1 jQuery 表单验证插件 Validation 7.1.1 Validation 简介 validation 特点： ① 内置验证规则：拥有必填、数字、E-mail 、URL 和信用卡号码等 19类内置验证规则 ② 自定义验证规则：可以很方便地自定义验证规则 ③ 简单强大的验证信息提示：默
阅读全文
摘要：Ajax 实例： 基于 Ajax 无需刷新技术开发的聊天室程序，该程序允许多用户在网页聊天，并且可以实时地更新信息
阅读全文
摘要：6.6 序列化元素 1 serialize() 方法 前例在讲解 $.get() 和 $.post() 方法时，表单的HTML如下： 在进行编译之前。先写好 get.php 文件，并放在根目录 上述方法只适用于少量字段的表单，如果表单复杂的话，使用这种方式在增大工作量的同时也使表格缺乏弹性，jQue
阅读全文
摘要：jQuery 对 Ajax 操作进行了封装，在 jQuery 中 $.ajax() 方法属于最底层的方法，第二层是 load() / $.get() / $.post() 方法，第三层是 $.getScript() 和 $.getJSON() 方法 6.5.1 load() 方法 1 载入 HTML
阅读全文
摘要：6.1.1 Ajax 的优势 1 不需要插件支持（只需要用户允许 javascript 在浏览器上执行即可） 2 优秀的用户体验（不刷新整个页面前提下更新数据） 3 提高 WEB 程序的性能（只通过 XMLHttpRequest 对象向服务器提交希望提交的数据，即按需发送） 4 减轻服务器和带宽的负
阅读全文
摘要：5.3.1 网页字体大小 通过控制按钮控制文字大小 5.3.2 网页选项卡 通过隐藏和显示来切换不同内容。 以上基本功能完成。 如果想加强效果，例如鼠标滑入滑出效果，可以增加 hover 事件 5.3.3 网页换肤 自定义皮肤更换 创建一个 CSS 文件夹，用来存放不同颜色背景的CSS文件 为皮肤选
阅读全文
摘要：5.2.1 表格变色 HTML 1 普通的隔行变色 首先定义2个样式： 然后选择表格奇数和偶数分别添加样式 上述代码是将表头算进去的，如果需要排除表头，可以修改选择符 如果需要将某行变为高亮显示，可以使用 contains 选择器实现 2 单选框控制表格行高亮 在第一列前加上一列单选框 当单击某一行
阅读全文
摘要：5.1 表单应用 文本框是表单域中最基本的元素 获取和失去焦点改变样式 创建一个表单： 效果：当文本框获取焦点，颜色变化，失去焦点，恢复样式 CSS： 但是 IE 6 并不支持除了 :hover 之外的其他伪类选择器。可以使用 jQuery 首先创建一个类名为 focus 样式 然后添加获取和失去焦
阅读全文
摘要：示例效果： 用户点击左上角箭头，可以控制视频展示的左右滚动 注意事项 ① 当视频展示内容处于最后一个版面时候，如果再向后，则应该跳转到第一个版面 ② 当视频展示内容处于第一个版面时候，如果再向前，就应该跳转到最后一个版面 ③ 左上角的箭头旁边的蓝色圆点应该与动画保持一致，它代表当前所处的版面 页面结
阅读全文
摘要：4.2.1 show() 方法和 hide() 方法 1 show() 方法和 hide() 方法 show() 方法和 hide() 方法是最基本的动画方法。在HTML 文档内，为一个元素调用 hide() 方法，会将该元素的 display 样式改为 “none”; 当把元素隐藏后，可以使用 s
阅读全文
摘要：4.1.4 事件冒泡 1 什么是冒泡 创建一个 body > div > span 的 HTML 结构 给span绑定一个 click 函数，点击span元素，会依次弹出3个元素，span > div > body 2 事件冒泡引发的问题 当点击 <span> 时只需要触发 <span> 元素事件，
阅读全文
摘要：4.1.1 加载 DOM JS ：window.onload() JQ：$(document).ready() 区别： ① window.onload() 是网页中所有元素加载后才执行 $() 是在DOM完全就绪时就可以被调用 ② 应用多个方法时 two 会替换 one的方法。只能执行 一个，如果需
阅读全文
摘要：1 超链接提示 一般用 title 标签提示，缺点是响应速度慢，用 jQ 来手写类似功能。 HTML CSS 鼠标移动文字上，会显示 title 属性的文字 为 class 为 tooltip 的超链接添加 mouseover 和 mouseout 事件 思路： （1）当鼠标划入超链接 ①创建一个<
阅读全文
摘要：3.1 DOM 操作分类 ①DOM Core 包括（getElementById() , getElementsByTagName() , getAttribute() , setAttribute() ） ②HTML DOM 专属HTML_DOM属性，提供一些更简明的记号来描述各种HTML元素属性
阅读全文
摘要：2.6案例 单击“显示全部”按钮的同时，列表将推荐的品牌名字高亮显示，按钮里的文字换成“精简显示” 效果如下图： ①页面布局代码如下： ②添加交互效果 *神马？？还是无法正常切换？好吧，灰常可能是因为忘了导入jQuery文档哦！ <script src=”jquery文档在本地的地址” ></scr
阅读全文
摘要：2.1jQuery选择器是什么 1.CSS选择器 选择器 示例 选择器 示例 标签选择器 a{ } p{ } ul{ } ID选择器 #ID{ } 类选择器 .class{ } 群组选择器 td,p,div,a{ } 后代选择器 #link a{ } 通配符选择器 *{ } 选择器 示例 选择器 示
阅读全文
浙公网安备 33010602011771号