`

jQuery关于Tag的插件

 
阅读更多
$("#orderDaoHang").Tag({ 
   tag:'li',   //切换的li
     show: 'TagShow',//样式
     hide:'TagHide'    
});

// JavaScript Document jQuery1.6版本
$.fn.Tag = function(options){
    var ThisTag = this;
    var defaults = {};       
    var opts = $.extend(defaults, options);
   
    $(opts.tag,ThisTag).bind("click",function(){
        var num = $(opts.tag,ThisTag).index(this);       
        $(opts.tag,ThisTag).removeClass(opts.show).removeClass(opts.hide).addClass(opts.hide);
        $(opts.tag,ThisTag).eq(num).removeClass(opts.hide).addClass(opts.show);     
        //alert();
    });
};

通过测试
来源:http://www.secn.com.cn
分享到:
评论

相关推荐

    jquery tag插件input文本域输入文字创建标签文字效果

    在IT行业中,jQuery Tag...以上就是关于"jquery tag插件input文本域输入文字创建标签文字效果"的主要知识点。通过理解这些概念和实践技巧,开发者可以轻松地在自己的项目中实现类似的功能,提升用户与界面的交互体验。

    第三方的jQuery Tag插件

    而jQuery Tag插件则是jQuery的一个扩展,专门用于实现标签(Tag)功能,尤其适用于像发布问题、分类或者关键词筛选等场景。在这个场景中,用户可以方便地输入和管理多个标签,提高用户体验。 "第三方的jQuery Tag...

    jQuery tagcloud 插件

    这个是自己根据一个已经有 3D 特效的标签云源代码修改而成,感谢原作者! 用法: <div id="tag"> <a href=...>... <a href=...>... <a href=...>... ...然后 $("#tag").tagcloud({color:...,radius:...}); 即可

    jquery标记编辑器插件Tag Editor

    **jQuery标记编辑器插件Tag Editor详解** Tag Editor是一款基于jQuery的高效且轻量级的标记编辑器,专为创建和管理标签而设计。这款插件适用于那些需要用户输入或编辑标签的Web应用,例如博客、社交媒体平台或者...

    jQuery常用插件大全pdf

    ### jQuery常用插件详解 #### 1. Horizontal Accordion: jQuery **知识点**: 水平方向折叠控件,基于jQuery开发,设计简洁,适用于快速实现网页中的菜单或信息展示板块。 #### 2. jQuery-HorizontalAccordion **...

    jquery插件

    《jQuery插件详解及其在web前端开发中的应用》 jQuery,作为一款强大的JavaScript库,极大地简化了JavaScript的DOM操作、事件处理以及动画制作等任务,是web前端开发中不可或缺的工具。尤其对于初学者和经验丰富的...

    网页模板——jQuery 标签云显示插件 Tag Cloud.zip

    网页模板中的jQuery标签云插件,是用于在网站上展示标签的一种动态效果工具。这种插件通常被用来组织和展示博客、文章或者任何基于内容的数据,使得用户可以通过视觉上吸引人的方式快速浏览和选择感兴趣的主题。...

    jQuery标签输入插件Tag-it.zip

    Tag-it的想法是从 ZenDesk.com 得到的,它是一个JQuery UI 的组件,支持各种设定和主题设置。Demo Check the examples.html for several demos. 标签:Tagit

    jQuery酷炫效果插件集

    1. **选择器**:jQuery的选择器如`$("#id")`、`$(".class")`和`$("tag")`等,能够快速地定位到网页中的特定元素,比原生JavaScript更加直观和高效。 2. **链式调用**:jQuery的方法可以被连续调用,如`$("#element...

    jQuery 下拉框插件-带列表,带输入,快速查找及结果分页展示的多功能选择器

    强大的jquery下拉框插件 下拉框展示带列表分页功能,适合下拉框大量数据展示 下拉框带快速查找,可以快速筛选 支持多选 基于jQuery、Bootstrap2、3开发 也可应用于无任何UI框架的原生HTML环境 Autocomplete输入自动...

    jquery代码提示插件

    《jQuery代码提示插件在Dreamweaver中的应用与功能解析》 在Web开发领域,jQuery以其简洁、高效的特性,成为了JavaScript库的首选。然而,在没有专业集成开发环境的支持下,编写jQuery代码时往往缺乏必要的代码提示...

    jQuery标签输入插件

    - **jQuery之家.url**:可能是一个链接,指向关于jQuery的资源或社区。 - **css**:存放插件的CSS样式文件,用于设置界面样式。 - **fonts**:可能包含字体文件,用于支持特定的图标或设计元素。 - **dist**:通常...

    jQuery树型标签选择插件 tagTree

    该控件是基于jquery库开发的,所以使用前,必需引入这些库。 同时选择勾勾为字体库图标,如果不想引入图标字体库,可以自己改成图片。 该控件是一个树型选择器,支持多选单选,并返回值。 也可以到我的github下载...

    jQuery 标签云显示插件 Tag Cloud.zip

    jQuery 标签云显示插件 Tag Cloud 是一个用于在网页上动态展示标签的JavaScript库,它基于流行的jQuery框架。这个插件允许开发者以云的形式展示各种标签,这些标签的大小和颜色可以根据权重或频率变化,为用户提供了...

    基于JQuery开发的弹窗插件

    1. **JQuery选择器**:JQuery提供了丰富的选择器,如ID选择器(#id)、类选择器(.class)、元素选择器(tagname)等,用于高效地选取DOM元素。 2. **事件绑定**:通过`.on()`方法,可以方便地绑定各种DOM事件,如...

    jQuery自定义标签输入插件Tagator.zip

    jQuery自定义标签输入插件Tagator是一款jQuery自定义tag标签输入插件Tagator,在输入框内输入标签后按回车键即可键入tag,输入的标签也可以删掉,内置自动补全效果,支持过滤重复标签。

    jQuery_tagCloud_Switcher.rar

    《jQuery_tagCloud_Switcher.rar》是一个包含jQuery插件的压缩包,主要功能是实现一个交互式的标签云(tag cloud)效果。标签云是网页设计中常见的一种元素,用于展示和分类大量标签或关键词,通过视觉上的大小差异...

    jquery颜色选择器插件多功能取颜色工具代码

    本资源"jquery颜色选择器插件多功能取颜色工具代码"显然是一个基于jQuery开发的颜色选择器插件,用于帮助用户在网页上方便地选取颜色,以实现更丰富的界面交互体验。 颜色选择器是网页设计中常见的一种功能,常用于...

    JQuery文档插件资料

    以下是关于jQuery及其插件的一些核心知识点: 1. **jQuery基础** - **选择器**: jQuery提供了丰富的CSS选择器,如`$("#id")`选取ID为id的元素,`$(".class")`选取所有class为class的元素,以及`$("tag")`选取特定...

Global site tag (gtag.js) - Google Analytics