本文实例讲述了JQuery中层次选择器用法。分享给大家供大家参考。具体如下：层次选择器$(function () {//------1.在给定的祖先元素下匹配所有后代元素//(包含了子元素,以及子元素的元素,一直往下延伸)var $divs = $("#main div");for (var i = 0; i div");for (var i = 0; i .例子1var $divBrother = $("#div1 + div"); //用#div1 ID选择器 ,只取到div2alert($divBrother.get(0).id);//......例子2var $divBrothers = $("div + div...
本文实例讲述了jQuery插件制作之全局函数用法。分享给大家供大家参考。具体分析如下： 1、添加新的全局函数 所谓的全局函数，实际上就是jQuery对象的方法，但从实践的角度上看，他们是位于jQuery命名空间内部的函数 (1)添加一个函数，只需要将新函数指定为jQuery对象的一个属性。jQuery.five =function(){ alert("直接继承方式不一样"); }调用： 代码如下:$.five(); (2)添加多个函数jQuery.five =function(){ alert("直接继承方式...
本文实例讲述了jquery任意位置浮动固定层插件用法。分享给大家供大家参考。具体分析如下： 说明：可以让指定的层浮动到网页上的任何位置，当滚动条滚动时它会保持在当前位置不变，不会产生闪动 2009-06-10修改：重新修改插件实现固定浮动层的方式，使用一个大固定层来定位 2009-07-16修改：修正IE6下无法固定在top上的问题 09-11-5修改：当自定义层的绝对位置时，加上top为空值时的判断 这次的方法偷自天涯新版页 经多...
本文实例讲述了jquery获取当前元素索引值用法。分享给大家供大家参考。具体如下： 今天在做促销页面的图片轮转效果时，下方页码的左边需要对应显示图片的说明信息，效果如下：思路： 页面部分当为当前状态的时候，会添加“active”样式。 通过获取 li class="active" 的索引值，对应找到相应的图片说明信息，显示出来。 解决： 通过jquery的 index() 可以很轻松的实现该效果。 代码如下： HTML：1 2 3 4 5 JavaScript：var carou...
本文实例讲述了JQuery中DOM事件合成用法。分享给大家供大家参考。具体分析如下： jQuery有两个合成事件——hover()方法和toggle()方法，类似前面讲过的ready()方法，hover()方法和toggle()方法都属于jQuery自定义的方法。 hover()方法 hover()方法的语法结构为： hover(enter,leave); hover()方法用于模拟光标悬停事件。当光标移动到元素上时，会触发指定的第1个函数(enter);当光标移出这个元素时，会触发指定的第2个函数(leave)。...
本文实例讲述了jQuery中$.extend()用法。分享给大家供大家参考。具体分析如下： $.extend()方法定义如下： jQuery.extend([deep], target, object1, [objectN]) 用一个或多个其他对象来扩展一个对象，返回被扩展的对象。 如果不指定target，则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。 如果第一个参数设置为true，则jQuery返回一个深层次的副本，递归地复制找到的任何对象。否则的话，副本会与原对象共...
本文实例讲述了jQuery可见性过滤器：hidden和：visibility用法。分享给大家供大家参考。具体分析如下： :hidden 匹配所有不可见元素，如果使用css的visibility属性让元素不显示但是占位，则不属于hidden了 查找display:none的tr元素，$("tr:hidden") :visible 匹配所有可见元素 查找所有display不为none的元素，$("tr:visible") 例子：12 34 56 $("tr:hidden");//选中id为one的元素 $("tr:visible");//选中id为"two"和"three"的元素...
本文实例讲述了可以浮动某个物体的jquery控件。分享给大家供大家参考。具体如下： js代码如下：(function($){$.fn.scrolltip = function(){$(this).each( function() {var obj = $(this);var objtop = obj.position().top;$(window).scroll(function(){obj.css({top:$(window).scrollTop()+objtop,position:'absolute'});});});} })(jQuery);html代码如下：JQuery希望本文所述对大家的jquery程序设计有所帮助。
本文实例讲述了jQuery菜单插件用法。分享给大家供大家参考。具体如下： 这里要分享的是一个菜单插件，在http://plugins.jquery.com/keleyi/ 看到的，使用找个插件可以制作页面底部向上弹出的菜单，不一定在页底，还有多种其他方式。 jQuery菜单插件js文件：/*! * Keleyi(jQuery Menu) * version: 0.1.6 * Copyright (c) 2013 KeLeyi */ (function ($) {$.fn.keleyi = function (options) {var settings = $.extend({width: '986px'...
本文实例讲述了轻量级网页遮罩层jQuery插件用法。分享给大家供大家参考。具体如下： 使用jQuery的好处是很多人为它写一些组件，而在项目所需用到功能也都可以找到一些组件去完成。 现在又这样一个需求当用户点击一个按钮后不允许用户进行任何的操作，取而代之的是弹出一个遮罩层显示一个loading提示框，效果如下。其实这个需求很简单，但很多组件体积相对这个需求来说太大了，在网上瞎溜达了找到了一个还不错的组件，作者是上面也没...
这篇文章主要介绍了jQuery与getJson结合的用法，实例分析了jquery解析json数据及数组遍历的相关操作技巧，具有一定参考借鉴价值，需要的朋友可以参考下，具体如下：这里分析jQuery与getJson结合的一个应用实例，因为json保存数据比较轻巧实用，所以个人比较喜欢Json功能，用这个简单写了一个导航菜单的功能，比较简单的那种，目的是演示如何将jQuery与Json结合起来。运行效果截图如下：具体代码如下：<!DOCTYPE html PUBLIC "-//W3...
本文实例讲述了jQuery使用animate创建动画用法。分享给大家供大家参考。具体如下： animate的用法： animate( Hash params, String|NumberJavascript 字符串或数字值 speed, String easing , Function callback(可选) 在动画完成时执行的函数 )用于创建自定义动画的函数。 实例运行效果截图如下：具体代码如下：animate $(document).ready(function(){$("a").toggle(function(){$(".stuff").animate({ height: 'hide', opacity: 'h...
本文实例讲述了jQuery网页选项卡插件rTabs用法。分享给大家供大家参考。具体如下： 这里介绍jQuery网页选项卡插件rTabs用法，一共演示了4种TAB选项卡样式，第一种：默认样式：自动运行、无动画效果、Hover事件；第二种：自动运行、向上滚动、支持Hover事件的TAB选项卡菜单；第三种：自动运行、渐入淡出、支持Hover事件的选项卡；第四种：自动运行、向左滚动、点击事件的网页选项卡，选一个你喜欢的放在你的网站吧。 先来看看运行效...
本文实例总结了jQuery中常用的遍历函数用法。分享给大家供大家参考。具体如下： 1. children()函数 children()函数用于选取每个匹配元素的子元素，并以jQuery对象的形式返回。 你还可以使用选择器进一步缩小筛选范围，筛选出符合指定选择器的元素。 用法示例如下：// 返回jQuery对象所有匹配元素的标识信息数组 // 每个元素形如：tagName或tagName#id(如果有id的话) function getTagsInfo($doms){return $doms.map(function(){retu...
本文实例讲述了jquery动态导航插件dynamicNav用法。分享给大家供大家参考。具体如下： 这是一款自己写的jquery动态导航插件—dynamicNav，具体思路是： 第一、给所有的li里插入一个span标签，且包含li里面的a标签 第二、复制一份a标签，插入到span里，现在span里有两个a标签 第三、根据传入的参数判断是垂直切换还是水平的，如果是垂直的，将span的宽度改为一个a标签的宽度，这时两个a标签就垂直排列了，这里一定要将li的overflo...