`
ayeah
  • 浏览: 3847 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

jQuery选择器的强大--代码实例

阅读更多
有两个list,都是多选的,要求一个按钮,点击时将list1中所有选中的项复制到list2中,而且在list2中已经存在的项就不再添加,传统的代码,你想想要多少个循环?

使用jquery的selector,一行搞定:

function copy_onclick(){
	$("#list1 option:selected").each(function () {
                $(document.createElement("option"))
		.attr("value",$(this).val())
		.text($(this).val())
		.appendTo('#list2:not(:has(option[value=\''+$(this).val()+'\']))');
		});
	}

分享到:
评论
1 楼 comasp 2008-05-11  
嘿嘿

.text($(this).text()) 

修改下

相关推荐

    jQuery各种实例--权威指南-源代码

    《jQuery各种实例--权威指南-源代码》是一个深入学习jQuery的资源集合,包含了丰富的实践案例和源代码。jQuery是一款广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计以及Ajax交互等任务。这个...

    jquery的实例--jquerydemo

    5. **jQuery选择器**:jQuery的选择器系统是其强大之处,它扩展了CSS选择器,使得选取DOM元素更加方便。例如,可以使用`$("[class^='myClass']")`来选取所有class以"myClass"开头的元素,或者`$(".myClass .another...

    jquery-ui-1.8.2.custom.min.js,jquery-ui-1.8.4.custom.css

    1.8.2是这个版本的发布编号,表示它是在2010年左右发布的,当时jQuery UI已经包含了大量的组件,如对话框(Dialog)、拖放(Draggable)、可排序(Sortable)、日期选择器(Datepicker)等。 接下来,`jquery-ui-...

    城市选择器代码 - jquery

    总的来说,这个jQuery城市选择器是Web开发中的一个实用工具,它的设计和实现涵盖了jQuery的基本使用、UI设计、异步通信等多个方面,是学习和理解前端开发技术的好实例。通过深入研究这个代码,开发者不仅可以掌握...

    经典的jQuery选择器应用例子

    本篇文章将深入探讨jQuery选择器的详细应用,通过一系列经典实例来帮助你更好地理解和运用这些选择器。 1. 基本选择器: - `$("#id")`:通过ID选取元素,例如`$("#myDiv")`会选择id为"myDiv"的元素。 - `$("....

    Jquery 选择器整理

    综上所述,jQuery选择器提供了一套强大且灵活的工具,帮助开发者高效地选择和操作DOM元素。无论是简单的元素选择还是复杂的条件过滤,都能轻松实现。在实际开发过程中,合理运用这些选择器可以极大地提高代码的效率...

    jquery选择器入门详解小案例

    通过实践,你将更熟练地掌握如何利用jQuery选择器提高代码效率和可读性。 总之,jQuery选择器是开发者在JavaScript编程中的得力助手,它们使得DOM操作变得更加简单和高效。在深入学习jQuery选择器的同时,别忘了...

    基于jquery的H5移动端选择器,日期选择器,自定义级联选择器,自定义html选择器

    接下来,可以通过JavaScript代码实例化选择器,并配置所需的参数,如日期格式、级联数据等。最后,将选择器绑定到HTML元素上,即可在页面上看到效果。同时,阅读库的文档将有助于理解其具体用法和API,以便更好地...

    jquery 精品教程 -- Learning JQuery

    - 基础语法和选择器 - **第二章:核心功能** - DOM操作详解 - 事件处理 - 动画效果 - **第三章:高级技巧** - AJAX应用 - 插件开发 - 性能优化 - **第四章:实战案例** - 实例1:动态表单验证 - 实例2:...

    JQUERY小实例--WEB教程

    这种选择器的灵活性极大地提高了代码的可读性和效率。 接着,jQuery提供了丰富的DOM操作方法。例如,`$(selector).html()`用于获取或设置元素的HTML内容,`$(selector).append()`和`.prepend()`可以将内容添加到...

    jquery选择器应用实例

    在JqueryTest文件夹中的实例可能包括了各种jQuery选择器的应用,每个页面对应一个特定的选择器实例。通过这些实例,你可以逐步学习和理解每种选择器的工作原理和用法。 学习jQuery选择器不仅能够提高网页动态效果的...

    jQuery网页开发实例精解源代码

    源代码的结构可能按照书中的章节进行组织,每个章节对应一个或多个实例,覆盖了DOM操作、事件处理、选择器、动画效果、插件使用以及Ajax通信等多个方面。 在DOM操作方面,读者可以通过实例学习如何使用jQuery选择...

    jQuery实例代码集-共计106个分享

    **jQuery实例代码集详解** jQuery,作为一款广泛应用于前端开发的JavaScript库,以其简洁的API和强大的功能,深受开发者喜爱。本实例代码集包含了106个精心挑选的jQuery应用场景,旨在帮助开发者深入理解和掌握...

    jQuery初学实例代码集

    1. **选择器(Selectors)**:jQuery的选择器与CSS选择器类似,用于选取页面上的HTML元素。例如,`$("#id")`选择ID为指定值的元素,`$(".class")`选择所有类名为指定值的元素,`$("tag")`则选择所有指定类型的元素。...

    我的第一个jquery封装方法---jquery

    1. **jQuery选择器**:用于选取DOM元素,例如`$("#id")`选取ID为特定值的元素,`$(".class")`选取所有class匹配的元素。 2. **DOM操作**:包括添加、删除或修改元素,如`append()`、`remove()`、`html()`等,博主...

    JQuery实例教程-基础

    JQuery通过其强大的选择器系统,简化了HTML文档的操作,使得开发者能够快速定位并操作DOM元素。以下是对给定文件中提到的选择器的详细解释: ##### 1. 基本选择器 - **#id**:用于选取拥有特定ID的单个元素。 - *...

    jquery样式选择器插件源码demo

    对于初学者,这是一个极好的学习资源,通过研究这个插件,可以加深对jQuery选择器的理解,并掌握编写高效JavaScript代码的技巧。而对于经验丰富的开发者,它提供了一个有趣的挑战,去挖掘和分析代码中的创新之处。

    jquery选择器实例和jar包

    本文将深入探讨jQuery选择器的实例和相关知识,帮助你掌握这一强大的工具。** **1. 元素选择器** 元素选择器基于HTML标签名来选取元素,例如`$("p")`会选择所有的段落元素。通过实例,我们可以看到如何获取并改变...

    jQuery权威指南-源代码

    2.2 jQuery选择器详解/17 2.2.1 基本选择器/18 2.2.2 层次选择器/20 2.2.3 简单过滤选择器/22 2.2.4 内容过滤选择器/25 2.2.5 可见性过滤选择器/27 2.2.6 属性过滤选择器/28 2.2.7 子元素过滤选择器/30 ...

    jquery-easyui-1.2.3实例参考

    "easyloader.js"是jQuery EasyUI的加载器,它的主要作用是在页面加载时自动加载所需的组件和样式,减少了开发者手动引入文件的工作量,使得代码更加简洁。 4. **许可证信息** 文件"licence_gpl.txt"、"license_...

Global site tag (gtag.js) - Google Analytics