HTML DOM add() 方法

定义和用法

add() 方法用于向 <select> 添加一个 <option> 元素。

语法

selectObject.add(option,before)
参数 描述
option 必需。要添加选项元素。必需是 option 或 optgroup 元素。
before 必需。在选项数组的该元素之前增加新的元素。如果该参数是null，元素添加到选项数组的末尾。

实例

下面的例子可向下拉列表的末尾添加一个 "kiwi" 选项：

<html>

<head>

<script type="text/javascript">

function insertOption()

  {

  var y=document.createElement('option');

  y.text='Kiwi'

  var x=document.getElementById("mySelect");

  try

    {

    x.add(y,null); // standards compliant

    }

  catch(ex)

    {

    x.add(y); // IE only

    }

  }

</script>

</head>

<body>

<form>

<select id="mySelect">

  <option>Apple</option>

  <option>Pear</option>

  <option>Banana</option>

  <option>Orange</option>

</select>

<input type="button" onclick="insertOption()"

value="Insert option" />

</form>

</body>

</html>

jQuery 遍历 - add() 方法

实例

找到所有 div 并添加边框。然后将所有段落添加到该 jQuery 对象，并把它们的背景设置为黄色：

$("div").css("border", "2px solid red")

        .add("p")

        .css("background", "yellow");

定义和用法

add() 方法将元素添加到匹配元素的集合中。

语法 1

.add(selector)
参数 描述
selector 字符串值，表示查找供添加到匹配元素集合的元素的选择器表达式。

语法 2

.add(elements)
参数 描述
elements 添加到匹配元素集合的一个或多个元素。

语法 3

.add(html)
参数 描述
html 添加到匹配元素集合的 HTML 片段。

语法 4

.add(jQueryObject)
参数 描述
jQueryObject 添加到匹配元素集合的已有 jQuery 对象。

语法 5

.add(selector, context)
参数 描述
selector 字符串值，表示查找供添加到匹配元素集合的元素的选择器表达式。
context 选择器开始进行匹配的位置。

详细说明

暂无。



												


											
jquery  add() 和js add()的更多相关文章
	

    
								
  1. jQuery validate 根据 asp.net MVC的验证提取简单快捷的验证方式（jquery.validate.unobtrusive.js）
		
    最近在学习asp.netMVC,发现其中的验证方式书写方便快捷,应用简单,易学好懂. 验证方式基于jQuery的validate 验证方式,也可以说是对jQuery validate的验证方式的扩展, ...
    
		
    2. 
						
  2. jquery.validate.unobtrusive.js插件作用
		
    在 ASP.NET MVC 中启用 Unobtrusive JavaScript 功能,可以在运行时由服务器端根据Model中设置的验证规则,自动生成客户端验证js代码(结合jquery.valida ...
    
		
    3. 
						
  3. jquery.qrcode.min.js生成二维码 通过前端实现二维码生成
		
    主体代码: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <tit ...
    
		
    4. 
						
  4. .net MVC内置js验证 jquery.validate.unobtrusive.js重置验证操作(备忘，找了很多次了)
		
    (function ($) { $.validator.unobtrusive.parseDynamicContent = function (selector) { //use the normal ...
    
		
    5. 
						
  5. jquery.nicescroll.min.js滚动条使用方法
		
    jquery.nicescroll.min.js滚动条使用方法,Nicescroll 是制作自定义滚动条的jq插件.支持div,iframe,html等使用,兼容IE7-8,safari,firefo ...
    
		
    6. 
						
  6. ASP.NET MVC异步验证是如何工作的03,jquery.validate.unobtrusive.js是如何工作的
		
    在上一篇"ASP.NET MVC异步验证是如何工作的02,异步验证表单元素的创建"中了解了ASP.NET异步验证是如何创建表单元素的,本篇体验jquery.validate.uno ...
    
		
    7. 
						
  7. jquery.i18n.properties.js hacking
		
    /****************************************************************************** * jquery.i18n.proper ...
    
		
    8. 
						
  8. 原生JS的使用，包括jquery和原生JS获取节点、jquery和原生JS修改属性的比较
		
    一.前言 相比于JS这条直达终点.满是荆棘的小路,jquery无疑是康庄大道了,足够的简洁.易用给了它辉煌的地位.然而,毕竟是绕着道的插件,当小路走着走着变成大路的时候,曾经的大路也就失去了他自身的优 ...
    
		
    9. 
						
  9. 在easyUI开发中，出现jquery.easyui.min.js函数库问题
		
    easyUI是jquery的一个插件,是民间的插件.easyUI使用起来很方便,里面有网页制作的最重要的三大方块:javascript代码.html代码和Css样式.我们在导入easyUI库后,可以直 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. ifconfig 命令,改变主机名,改DNS hosts、关闭selinux firewalld netfilter 、防火墙iptables规则
			
    ifconfig 命令用于查看网络相关的命令: 安装:yum install net-tools -y  ifdown  eth_name  关闭网卡  ifup  eth_name   开启网卡 配 ...
    
			
    2. 
						
  2. java-抽象类的成员特点
			
    1.成员变量:既可以是变量,也可以是常量.abstract不能修饰成员变量. 2.构造方法:有.用于子类访问父类数据的初始化. 3.成员方法:既可以是抽象的,也可以是非抽象的. - 抽象方法:强制要求 ...
    
			
    3. 
						
  3. Version Control 版本控制
			
    一.version control是什么: version control版本控制,是指对软件开发过程中各种程序代码.配置文件及说明文档等文件变更的管理,是软件配置管理的核心思想之一. 二.versi ...
    
			
    4. 
						
  4. python------模块定义、导入、优化  ------->sys模块,shutil模块
			
    1.sys模块 import sys sys.argv #命令行参数List,第一个元素是程序本身路径sys.exit(n) #退出程序,正常退出时exit(0).sys.version #获取Pyt ...
    
			
    5. 
						
  5. 免费获取pptv会员
			
    打开上面的网址!领取会员!http://vip.pptv.com/activity/2016/licaitong http://vip.pptv.com/activity/2016/caifutong ...
    
			
    6. 
						
  6. 一不小心把win10的秘钥卸载了解决方法
			
    我遇到的第一个问题是Win10家庭版激活失败提示错误代码0xC004C003 然后我百度后看到一个解决方法是卸载秘钥然后再输入秘钥的,于是我执行了slmgr.vbs /upk,发现win10秘钥被卸载 ...
    
			
    7. 
						
  7. java保留2位小数及BigDecimal使用
			
    java保留两位小数的方法 import java.math.BigDecimal; import java.text.DecimalFormat; import java.text.NumberFo ...
    
			
    8. 
						
  8. UWA 转载
			
    性能优化,进无止境-内存篇 https://blog.uwa4d.com/archives/optimzation_memory_1.html https://blog.uwa4d.com/archi ...
    
			
    9. 
						
  9. oracle-锁概念
			
    http://liwenshui322.iteye.com/blog/1166934 ORACLE DDL锁介绍 在DDL操作中会自动为对象加DDL锁(DDL Lock),从而保护这些对象不会被其他会 ...
    
			
    10. 
						
  10. oracle单词
			
    OEM Blackouts n. 黑朦:灯火管制(blackout的复数)Projection n. 投射:规划:突出:发射:推测premium adj. 高价的:优质的 ############## ...
    
			
    11.