首页 > 其他分享 >JQuery的remove方法的使用

JQuery的remove方法的使用

时间:2023-01-26 20:04:15浏览次数:37  
标签:JQuery function items 元素 remove alert 程序设计 方法


jquery的remove方法是将元素移除掉,并且返回被移除的元素,还可以使用,下面一个例子使用该功能实现下图的功能:

JQuery的remove方法的使用_jquery

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function () {
$("#right").click(function () {
alert("aa");
var items = $("#select1 option:selected").remove();
alert(items.length);
$("#select2").append(items);
});
});
</script>
</head>
<body>
<table>
<tr><td>
<select id="select1" size="10" multiple="multiple">
<option>高等数学</option>
<option>微机基础</option>
<option>大学英语</option>
<option>C++程序设计</option>
<option>C#程序设计</option>
<option>HTML、CSS</option>
</select></td><td style="width:50px">
<input type="button" id="right" value=">" />
<input type="button" id="left" value="<" />
</td><td>
<select id="select2" style="width:100px" size="10">
</select>
</td>
</tr>
</table>
</body>
</html>



标签:JQuery,function,items,元素,remove,alert,程序设计,方法
From: https://blog.51cto.com/u_14365218/6023673

相关文章

  • JQuery动态为表格(Table)添加和删除行
    <!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title></title><scr......
  • 通过修改脚本来提权的方法
    以普通用户登入后,先sudo-l 看看有什么具有root权限、且普通用户可以写入的脚本例:A.sh 该类脚本普通用户是启动不了的,但可以通过链式脚本启动例:存在脚本B.sh,其内......
  • jQuery学习
    1.概述    把原生动画封装到jquery库中    官网地址:https:/jquery.com/1.1JavaScript库        JavaScript库:即library,是一个封装好的特定的集合(方法......
  • paper writing: 句式,用于在两种方法中做一个平衡
    可以使用的一个句式我们这篇文章中的方法可以在目前的两种方法中取得一个平衡。这篇文章来自hypernetwork,2017googleteamInthispaper,weviewconvolutionalnetwor......
  • js 数组方法小计
    Array使用方法小计用于检测数组所有元素是否都符合指定条件everyevery()方法使用指定函数检测数组中的所有元素:如果数组中检测到有一个元素不满足,则整个表达式返回......
  • Day - 03 JQuery及AJAX
    1.jquery介绍jQuery的定义jQuery是对JavaScript的封装,它是免费、开源的JavaScript函数库,jQuery极大地简化了JavaScript编程。jQuery的作用jQuery和JavaScript......
  • ThinkPHP函数详解:cache方法
    cache方法是3.0版本开始新增的缓存管理方法。注意:3.1.2版本后因cache方法并入原S方法,所以cache方法不再建议使用,用S方法即可。cache用于缓存设置、获取、删除操作用......
  • Java输出数据的对齐方法
    //呵呵,如果说在Java中可以用printf,相信从C语言走过来的朋友一定会惊喜万分吧!呵呵,起码我是这样啦!...Java输出数据的对齐方法:你可以把数字转换成字符串,用String.format("%......
  • jQuery练习4京东商品详情页面(放大镜效果)
    视频//11.当鼠标在中图上移动时,显示对应大图的附近部分区域functionbigImg(){var$mediumImg=$('#mediumImg')var$mask=$('#mask')//小黄块......
  • js中判断数据类型的方法有哪些
    判断数据类型可以使用typeof但是typeof判断数组和函数时返回的都是Object不能具体判断,这时使用instanceof可以判断对象是否是另一个函数创造的;用法:typeof([]) ......