jQuery通过id选择器绑定双击事件,和appendTo()方法的使用详解

下拉列表绑定一个双击事件dblclick()

$("#id”).dblclick(function(){
       //获取列表中所有被选中的option
       var  alloptions = $("option:selected");//这种写法存在问题,如果已分配列表中也有被选中的option同样会被选中//不可以
       var  alloptions = $("#id  option:selected");这种方式可以(第一种写法)
       var  alloptions = $("option:selected",document);==>$("option:selected");//不可以
       var  alloptions = $("option:selected",$("#id"));//选择哪个下拉(select)列表的被选中的值(第二种写法)
       var   alloptions = $("option:selected",#id);//这个是另外一种写法也是可以被识别的(第三中写法)
       var alloptions =   $("option:selected",this);//指的是当前下拉下表的函数下,选中中的值(第四种写法)
       alert(alloptions.length);
        //appendTo()把所有匹配的元素追加到另一个指定的元素元素集合中。
       //实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把b追加到a,而是把a追加到b
       $("option:selected",this).appendTo($("#assignedRoleList"));//把this移动到 #assignedRoleList
            $("option:selected","#id").appendTo("#assignedRoleList");/把this移动到 #assignedRoleList
   });

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏浪淘沙

前端学习笔记

1.css简介 用来修饰html样式的一种语言,层叠样式表 增强复用性 方便后期维护 2.css样式引入方式: (1)内嵌...

1403
来自专栏小壮和前端

es6之深入理解promise对象

980
来自专栏抠抠空间

JavaScript之事件及动画

一、事件 常用事件 click(function(){...}) //单击事件 hover(function(){...}) //鼠标经过事件 b...

2975
来自专栏xingoo, 一个梦想做发明家的程序员

使用DOM动态创建标签

本文是参考《javascript Dom 编程艺术》第八章的内容所写,用到的知识点,就是关于创建平稳的web页面。 使用DOM方法:   getEleme...

2179
来自专栏前端知识分享

第75天:jQuery中DOM操作

还有就是,我说的是name属性,上面例子中的 type属性,是可以用attr的。

812
来自专栏柠檬先生

Angularjs基础(十二)

ng-model-options       描述:规定如何更新模型             实例: 在失去焦点时绑定输入框的值scope 变量中。 ...

21210
来自专栏电光石火

mybatis在xml文件中处理大于号小于号的方法

第一种方法: 用了转义字符把>和<替换掉,然后就没有问题了。 SELECT * FROM test WHERE 1 = 1 AND start_da...

1949
来自专栏dotnet & java

jQuery.prop , jQuery.attr ,jQuery.data

jquery.prop 获取匹配的元素中第一个元素特定的属性值,或者是设置多个元素的属性值。

882
来自专栏JavaEE

JavaScript的使用前言

JavaScript作为使用得最多的脚本语言,可以说是无处不在。所有主流浏览器都支持JavaScript。目前,全世界大部分网页都使用JavaScript。它可...

1072
来自专栏Golang语言社区

JS基础(上)

JS与DOM的关系 浏览器有渲染html代码的功能,把html源码(如div,p标签等)在内存里形成一个DOM对象 文档对象模型DOM(Document Obj...

63114

扫码关注云+社区

领取腾讯云代金券