本文实例讲述了jQuery弹层插件jquery.fancybox.js用法。分享给大家供大家参考，具体如下： fancybox是jquery的插件，功能强大。支持对放大的图片添加阴影效果，对于一组相关的图片添加导航操作按纽，除了能展示层外，还可以展示iframed内容， 通过css订制样式。配合其他插件，能实现更旋的效果。 这里给出官方下载以及实例地址：http://fancyapps.com/fancybox/ 附带给出本站下载地址。 到目前为止，fancybox的最新版本2.1.5，调用...
siblings() 获得匹配集合中每个元素的同胞，通过选择器进行筛选是可选的。 jQuery 的遍历方法siblings()$("给定元素").siblings(".selected") 其作用是筛选给定的同胞同类元素（不包括给定元素本身）例子：网页选项栏当点击任意一个选项卡是，其他2个选项卡就会改变样式，其内容也会隐藏。下面是html代码。家居 电器 二手我是家居的内容 欢迎您来到电器城 二手市场，产品丰富多彩jQuery代码$(function() { $("#menu li").each(func...
本文实例讲述了jQuery内容折叠效果插件用法。分享给大家供大家参考，具体如下：jQuery Collapsible Fieldset jQuery Collapsible FieldsetDefaultBy default the fieldset is opened or expanded at start. Click on its legend to close or collapse it.The code is simply like below$('#fieldset1').coolfieldset(); Closed at startIf we want the fieldset to be closed or collapsed at start, just add {collapsed:true} as...
本文实例讲述了jquery拖动层效果插件用法。分享给大家供大家参考，具体如下：Drag Drop Panels - Web Developer Plus Demos$(function(){$('.dragbox').each(function(){$(this).hover(function(){$(this).find('h2').addClass('collapse');}, function(){$(this).find('h2').removeClass('collapse');}).find('h2').hover(function(){$(this).find('.configure').css('visibility', 'visible');}, function(){$(this).find('.conf...
本文实例讲述了jQuery Dialog对话框事件用法。分享给大家供大家参考，具体如下： Dialog对话框事件 对话框应用场景 对话框是最常用、最实用的功能。 1） 静态提示类对话框，对话框的内容是固定的 2） 动态提示类对话框，对话框内容是根据事件源变化的 3） 遮罩类对话框，对话框弹出时背景变灰并且不可选 使用jQuery UI的Dialog 组件可以轻松实现上面三种效果 Dialog组件的主要特点是可以拖动（Draggable），可以改变大小（Resizabl...
本文实例讲述了jQuery位置选择器用法。分享给大家供大家参考，具体如下： 位置选择器 jQuery同样也允许我们利用元素所在位置来获取所需组件 位置选择器语法如下： "$基本选择器:位置选择器"位置选择器种类 常用位置选择器的用法 选择第一个格式:$("selector:first");选择最后一个格式:$("selector:last")选择奇数格式:$("selector:odd")偶数行格式:$("selector:even")获取指定位置格式:$("selector:eq(n)")大于指定位置格式:$("sel...
本文实例讲述了jQuery属性选择器用法。分享给大家供大家参考，具体如下： 属性选择器 在HTML文档中，元素的开始标记中通常包含有多个属性(attribute) <input id="txtUsername" type="text" value="qiyisoft" name="email" style="display:block" />在jQuery中，除了直接使用id和class属性作为选择器之外，还可以根据各种属性（如title等）对由选择器查询到的元素进行过滤。 属性选择器包含在中括号"[]"中 语法如下： "$基本选择器[...
本文实例讲述了jQuery层叠选择器用法。分享给大家供大家参考，具体如下： 层叠选择器 如果想通过DOM元素之间的层次关系来获取特定的元素，例如后代元素，子元素，相邻元素和兄弟元素等，那么层叠选择器是一个非常好的选择。 位置选择器语法如下： "基准元素 层叠符号 目标元素"层叠选择器的用法 后代选择器格式:$("ancestor descendant")子选择器格式:$("parent>child")相邻选择器格式:$("prev+next")兄弟选择器格式:$("prev~sibli...
jQuery Migrate是应用迁移辅助插件，是用于高级版本兼容低级版本辅助插件。 例如jQuery版本用的是1.x，计划升级到3.x，就可以在页面删除1.x版本，换成3.x版本，如果有脚本错误，就引入jquery-migrate插件用于兼容低版本，同时也显示低版本方法替换成新版本方法的方案。 例子： <!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>test</title> <script type="text/javascript" src="jquery-1.6.1.js"></script><script...
本文实例讲述了JQuery事件委托原理与用法。分享给大家供大家参考，具体如下： 事件委托就是利用事件冒泡的原理，把事件加到父级上，通过判断事件来源的子集，执行相应的操作。事件委托首先可以极大的减少事件绑定次数，其次也可以让新加入的子集元素也拥有相同的操作。 一般绑定事件的写法以及事件冒泡 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <style type="text/css">.list{...
本文实例讲述了jQuery选择器之基本选择器用法。分享给大家供大家参考，具体如下： 初学jQuery，为了能系统地学习好jQuery，今天特意把自己的学习心得归纳一下，贴上来与初学者共享，今天我主要总结的是jquery的基本选择器。 基本选择器是jQuery中最常用的选择器，也是最简单的选择器，它主要是通过元素的id、class、标签等来查找HTML中的DOM元素。在网页中每个id只能使用一次，class允许重复使用。在jQuery应用中，可以使用这些基本...
本文实例讲述了jQuery选择器之层次选择器用法。分享给大家供大家参考，具体如下： 前面一篇介绍了几种基本的jQuery选择器，今天归纳一下jQuery的层次选择器。DOM元素之间的层次关系主要包括元素的子元素、后代元素、相邻元素和兄弟元素等，我们可以通过DOM元素之间的层次关系来获取想要的元素。为了更好的学习，我们先列出一段HTML代码： <body><div id="one" class="aaa">id=one，class=aaa的div<br /><div class="mini">class=mi...
本文实例讲述了jQuery选择器之基本过滤选择器用法。分享给大家供大家参考，具体如下： 前面一篇介绍了层次选择器，今天我们学习一下jQuery的另一种选择器：基本过滤选择器。过滤选择器可以过滤掉自己不想要的东西，也就是说过滤后留下的都是自己需要的。jQuery过滤选择器就是通过特定的过滤规则来筛选出所需的DOM元素，jQuery过滤选择器的过滤规则与CSS伪类选择器语法是相同的都以冒号（:）开头。按照过滤规则的不同，我们通常把jQ...
本文实例讲述了jQuery内容过滤选择器与子元素过滤选择器用法。分享给大家供大家参考，具体如下： jQuery的内容过滤选择器 一、:contains(text) 选择器：:contains(text) 描述：匹配包含给定文本的元素 返回值：元素集合 示例： $("div.mini:contains(div)") //div.mini是DOM元素集合，:contains(div)是过滤条件二、:has(selector) 选择器：:has(selector) 描述：匹配含有选择器所匹配的元素的元素 返回值：元素集合 示例： $("div....
本文实例讲述了jQuery表单元素过滤选择器用法。分享给大家供大家参考，具体如下： 前面jQuery内容过滤选择器与子元素过滤选择器，其中的例子稍微多一些解释也有点绕口，希望能帮助大家理解。今天学习表单元素过滤选择器，下面请看使用方法。 一、:enabled 选择器：:enabled 描述：匹配所有可用元素 返回值：元素集合 示例： $("input.mini:enabled") //input.mini是DOM元素集合，:enabled是过滤条件二、:disabled 选择器：:disable...