Giter Site home page Giter Site logo

jquery.code's Introduction

超实用的jQuery代码段

超实用的jQuery代码段

如有疑问,交流互动区

《超实用的jQuery代码段》目录

作者  : 王金柱
QQ群  : 296811675
邮箱  : [email protected]
新浪微博 : [email protected]

序1 jQuery必知必会

序2 你绝对不可能全部做对的jQuery题

序3 2014年最流行的前端面试题

第1章 jQuery操作网页

  • 1.1 显示或隐藏网页内容
  • 1.2 切换页面的显示或隐藏
  • 1.3 实现幻灯片式的淡入淡出效果
  • 1.4 切换页面的淡入淡出
  • 1.5 页面的滑动隐藏
  • 1.6 切换页面的滑动
  • 1.7 图片的动画效果
  • 1.8 停止动画效果
  • 1.9 不可不知的Callback回调
  • 1.10 提高效率的链式(Chaining)操作
  • 1.11 在新窗口中打开链接
  • 1.12 强制在弹出窗口中打开链接
  • 1.13 平滑滚动页面到某个锚点
  • 1.14 阻止文本行换行
  • 1.15 实现iframe高度自适应
  • 1.16 实现左右div自适应相同高度
  • 1.17 获取鼠标在屏幕中的坐标
  • 1.18 获取鼠标在窗口客户区中的坐标
  • 1.19 获取鼠标在窗口页面中的坐标
  • 1.20 设置Flash对象的WMode窗口模式
  • 1.21 实现类Twitter的字数限制效果
  • 1.22 提示文本的隐藏与显示
  • 1.23 实现文字闪烁效果
  • 1.24 实现文字动画效果
  • 1.25 实现文字跟随鼠标移动变化的动画效果
  • 1.26 文本域中光标的定位
  • 1.27 实现可折叠效果
  • 1.28 文本框内容自动缩进
  • 1.29 禁止页面滚动的方法
  • 1.30 页面加载后消息框居中显示
  • 1.31 创建页面固定浮动栏的方法

第2章 jQuery操作DOM元素

  • 2.1 如何验证某个元素是否为空
  • 2.2 检查特定的HTML元素是否存在
  • 2.3 判断HTML元素是否嵌套
  • 2.4 获取当前元素的索引值
  • 2.5 插入节点元素
  • 2.6 复制节点元素
  • 2.7 替换节点元素
  • 2.8 删除节点元素
  • 2.9 为元素绑定事件
  • 2.10 如何从元素中除去HTML标签
  • 2.11 如何限制文本域中字符的个数
  • 2.12 如何选中页面上的所有复选框
  • 2.13 禁用表单的回车键提交
  • 2.14 禁用右键单击上下文菜单
  • 2.15 IE下禁用文本选择功能
  • 2.16 输入框获取焦点时文本高亮提示
  • 2.17 实现多个输入框同步操作
  • 2.18 在新窗口中打开外部链接
  • 2.19 jQuery实现outerHTML属性
  • 2.20 实现带固定表头的表格
  • 2.21 为表单内控件设定缺省数值和文本
  • 2.22 防止单个页面重复提交按钮
  • 2.23 取得列表控件选中的option对象
  • 2.24 限制输入框仅接受特殊字符的输入
  • 2.25 禁止页面内全部超链接
  • 2.26 实现动态组合列表框
  • 2.27 如何使用属性过滤器
  • 2.28 如何测试某个元素是否可见

第3章 jQuery操作HTML事件

  • 3.1 禁止或启用输入框
  • 3.2 实时监听输入框字符的变化
  • 3.3 实时监听输入框值的变化
  • 3.4 绑定鼠标右键单击事件
  • 3.5 双击不选中文本
  • 3.6 通过单击事件添加或解除绑定
  • 3.7 激活整个div层的单击事件
  • 3.8 鼠标单击实现div的选取
  • 3.9 模拟鼠标单击事件
  • 3.10 设定时间间隔的方法
  • 3.11 设定时间延迟的方法
  • 3.12 延时显示子菜单的方法
  • 3.13 通过事件获取页面加载时间
  • 3.14 如何为动态添加的元素绑定事件处理函数
  • 3.15 为表格行增加单击事件
  • 3.16 用回车键模拟Tab键

第4章 jQuery操作CSS样式

  • 4.1 使用addClass()函数动态添加样式类
  • 4.2 使用removeClass()函数动态移除样式类
  • 4.3 使用toggleClass()函数切换页面元素的样式类
  • 4.4 为body增加class类支持
  • 4.5 操作div的显示与隐藏
  • 4.6 如何设定div始终居中显示
  • 4.7 测试浏览器是否支持某些CSS 3属性
  • 4.8 如何添加hover类到指定元素
  • 4.9 基于URL地址为导航链接添加class样式
  • 4.10 如何延迟添加class类
  • 4.11 如何延迟清除class类
  • 4.12 动态调整页面的字体大小

第5章 jQuery实现用户输入自动完成功能

  • 5.1 最简单的用户输入自动完成
  • 5.2 使用远程数据源的自动完成
  • 5.3 带缓存的自动完成
  • 5.4 带滚动条的自动完成
  • 5.5 Combobox风格的自动完成
  • 5.6 读取XML数据的自动完成
  • 5.7 多维数据的自动完成

第6章 jQuery实现拖放功能

  • 6.1 基本拖放功能
  • 6.2 基于事件的拖放
  • 6.3 限制移动范围的拖放
  • 6.4 延迟进行的拖放
  • 6.5 具有对齐功能的拖放
  • 6.6 自动滚动的拖放
  • 6.7 反转位置的拖放
  • 6.8 使用事件监控拖拽次数
  • 6.9 拖动时动态更改鼠标的光标类型和位置
  • 6.10 拖拽并放置到目标容器
  • 6.11 限制可放置的元素
  • 6.12 实现可拖放的购物车
  • 6.13 可排序的拖放
  • 6.14 在多个列表之间进行拖放
  • 6.15 使用拖动方式选择多个元素
  • 6.16 在两个Tab标签之间进行元素拖动
  • 6.17 拖动表格选择多行数据
  • 6.18 拖动表格时自动选中复选框
  • 6.19 拖动表格行并放置到目标位置
  • 6.20 表格的拖动排序
  • 6.21 拖动调整控件的大小
  • 6.22 调整控件大小时设置调整约束
  • 6.23 使用拖动的方式调整表格的宽度
  • 6.24 设计可改变单元格宽度并可以多选的表格

第7章 jQuery操作图形图像

  • 7.1 如何更好地处理图片无法显示问题
  • 7.2 如何显示图片直到页面加载完成
  • 7.3 预加载显示图片的方法
  • 7.4 Facebook风格的图片预加载
  • 7.5 检查图片src是否有效
  • 7.6 上下滑动的图片
  • 7.7 淡入淡出一幅图片进入另一幅图片
  • 7.8 获取图片原生尺寸的方法
  • 7.9 检查图像是否已经被完全加载
  • 7.10 单击改变背景图案
  • 7.11 如何显示Flickr网站的图片
  • 7.12 如何显示Google Picasaweb的图片
  • 7.13 按比例调整图片的大小
  • 7.14 滑动效果的背景图片
  • 7.15 动态表单生成图片预览
  • 7.16 平滑滚动的导航菜单
  • 7.17 图片的放大预览
  • 7.18 实现平滑的图片动态缩放效果
  • 7.19 自动适应的窗口背景
  • 7.20 如何判断加载多张图片的完成状态
  • 7.21 鼠标悬停时的图片放大
  • 7.22 淡出图片淡入另一幅图片
  • 7.23 页面加载时随机显示图片
  • 7.24 按顺序淡入图片显示
  • 7.25 检测图片的URL是否有效
  • 7.26 强制显示图片的方法
  • 7.27 实现可拖动显示的图片

第8章 jQuery实现AJAX

  • 8.1 动态加载外部文件
  • 8.2 动态加载外部网页
  • 8.3 加载网页文件内容并传递服务器端参数
  • 8.4 使用AJAX无刷新删除网页记录
  • 8.5 使用AJAX异步验证用户名和密码
  • 8.6 页面滚动时加载新的网页内容
  • 8.7 打造自己的站内搜索引擎
  • 8.8 异步加载并解析XML文件
  • 8.9 动态加载HTML内容到标签页中
  • 8.10 使用AJAX无刷新异步提交表单
  • 8.11 使用AJAX无刷新上传图片
  • 8.12 使用AJAX无刷新验证PHP会话是否有效
  • 8.13 在AJAX异步调用时显示加载指示器
  • 8.14 在AJAX异步调用时处理JSON数据
  • 8.15 解析XML数据并加载到HTML表格
  • 8.16 jQuery AJAX错误处理方法
  • 8.17 在页面级创建全局的AJAX监听器以及状态指示器
  • 8.18 级联AJAX数据异步加载
  • 8.19 取消AJAX异步请求

第9章 jQuery常用算法

  • 9.1 jQuery遍历算法
  • 9.2 jQuery祖先算法
  • 9.3 jQuery后代算法
  • 9.4 jQuery同胞算法
  • 9.5 jQuery过滤算法
  • 9.6 对一个列表进行排序
  • 9.7 实现JSON对象数组的排序
  • 9.8 将12343778转成12.343.778的形式
  • 9.9 模拟抽奖程序
  • 9.10 实现冒泡算法
  • 9.11 查询数组中特定数值
  • 9.12 从数组中移除特定数值
  • 9.13 根据指定正则表达式识别超链接
  • 9.14 验证Email地址的正确性
  • 9.15 动态统计字符个数
  • 9.16 使用jQuery验证用户年龄
  • 9.17 按照首先字母进行元素排序
  • 9.18 获取URL地址的Hash参数
  • 9.19 避免多行文本溢出的算法
  • 9.20 随机选择一个元素
  • 9.21 替换&bnsp;空字符的方法
  • 9.22 序列化表单到JSON数据
  • 9.23 获取页面加载时间
  • 9.24 将单个句子打断显示
  • 9.25 限制只能输入中文、英文或数字
  • 9.26 日期类型与时间戳的转换
  • 9.27 使用数组模拟打字效果
  • 9.28 获取数组中特定索引的最高值
  • 9.29 清除所有的表单内容
  • 9.30 用jQuery删除空白标签和具有非中断空格的标签

第10章 jQuery Mobile移动开发技巧

  • 10.1 让页面自适应屏幕宽度
  • 10.2 在移动设备页面中创建多个显示视图
  • 10.3 创建对话框显示效果
  • 10.4 从外部文件中加载页面内容
  • 10.5 为页面添加转场效果
  • 10.6 设置全局默认的转场效果
  • 10.7 定制显示回退按钮
  • 10.8 在标题栏中添加导航栏
  • 10.9 在页脚区域添加导航栏
  • 10.10 添加可折叠的导航按钮
  • 10.11 实现可折叠的输入表单
  • 10.12 实现手风琴样式的折叠面板
  • 10.13 使用网格打造简单的九宫格界面
  • 10.14 可动态隐藏的页眉和页脚
  • 10.15 最简单的手机相册
  • 10.16 在列表框上添加气泡提示
  • 10.17 在列表框上添加自定义按钮
  • 10.18 为列表添加自定义的缩略图图标
  • 10.19 创建列表日历的效果
  • 10.20 动态创建listview列表项
  • 10.21 动态加载和切换页面
  • 10.22 在页面切换时显示加载进度框
  • 10.23 在屏幕旋转时更改显示样式
  • 10.24 在列表框中实现加载更多效果
  • 10.25 自定义选择菜单
  • 10.26 使用多个选择菜单进行组合选择
  • 10.27 使用多选菜单选择多个值
  • 10.28 创建双重范围的滑块
  • 10.29 实现开关效果的选择功能
  • 10.30 创建主题化的表单效果

第11章 其他常用代码段

  • 11.1 判断jQuery库是否被加载
  • 11.2 解决jQuery库冲突的方法
  • 11.3 jQuery版本检查方法
  • 11.4 解决jQuery版本冲突问题
  • 11.5 如何设置IE特有的功能
  • 11.6 判断浏览器类型并设置HTML元素内容
  • 11.7 加载Google CDN的jQuery库
  • 11.8 Cookies应用方法
  • 11.9 使用cookie.js管理Cookies
  • 11.10 让Cookies在N分钟后过期
  • 11.11 如何删除Cookies
  • 11.12 获取当前页面的URL并添加样式
  • 11.13 向表格追加一行数据
  • 11.14 获取客户端IP
  • 11.15 向Firebug的控制面板发送消息
  • 11.16 根据不同的屏幕大小显示不同的网页
  • 11.17 jQuery遍历对象的属性
  • 11.18 最优化的循环语句写法
  • 11.19 如何构建最优化的字符串
  • 11.20 使用jQuery产生GUID值
  • 11.21 使用jQuery实现聚合函数
  • 11.22 用jQuery打印网页的特定区域
  • 11.23 禁止表单被提交
  • 11.24 使用delay()延迟执行动画
  • 11.25 在网页上运行本地程序的方法
  • 11.26 动态过滤HTML表格中的内容
  • 11.27 使用递归函数创建文字闪烁特效
  • 11.28 使用ID选择器加快选择的速度
  • 11.29 在类选择器前用标签选择器加快速度
  • 11.30 缓存jQuery对象以提升性能
  • 11.31 使用find()函数提升子查询的性能
  • 11.32 使用jQuery操作DOM的限制

jquery.code's People

Contributors

kingwjz avatar

Watchers

James Cloos avatar wzx8118 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.