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. hdu1159 dp(最长公共子序列)
			
    题意:给两个字符串,求这两个字符串的最长公共子序列的长度 因为之前集训的时候做过,所以现在即使会做也并不是什么稀奇的事,依旧为了自己的浅薄感到羞愧啊``` 解法就是通过两个字符串的每个字符互相比较,根 ...
    
			
    2. 
						
  2. 【添加tomcat里lib下的jar包】eclipse中The project cannot be built until build path errors are resolved
			
    问题描诉:在eclipse中新建了一个web项目,把myeclipse中正常的项目拷贝到eclipse的src和webcontent目录 然后项目中就出现了× 注意项目中Errors
    
			
    3. 
						
  3. HBase Filter
			
    Filter CompareFilter 是高层的抽象类,下面我们将看到他的实现类和实现类代表的各种过滤条件 RowFilter,FamliyFilter,QualifierFilter,ValueF ...
    
			
    4. 
						
  4. Monitor Minio server with Prometheus
			
    转自:https://blog.minio.io/monitor-minio-server-with-prometheus-4ed537abcb74 Prometheus is an open sou ...
    
			
    5. 
						
  5. x的奇幻之旅 (史蒂夫·斯托加茨 著)
			
    第1部分 数字 第1章 数学:从企鹅的"鱼"订单到无穷大 (已看) 第2章 一组组石头与加减乘除运算 (已看) 第3章 "敌人的敌人就是朋友“与"负负得正&qu ...
    
			
    6. 
						
  6. CentOS6.5下安装Apache2.4+PHP7
			
    CentOS6.5下安装Apache2.4+PHP7 http://blog.csdn.net/along602/article/details/42695779 http://www.th7.cn/ ...
    
			
    7. 
						
  7. oracle-srvctl-output
			
    ############################## [grid@rac01 ~]$ crsctl query crs administratorCRS Administrator List: ...
    
			
    8. 
						
  8. openstack--5--控制节点和计算节点安装配置nova
			
    Nova相关介绍 目前的Nova主要由API,Compute,Conductor,Scheduler组成 Compute:用来交互并管理虚拟机的生命周期: Scheduler:从可用池中根据各种策略选 ...
    
			
    9. 
						
  9. Spring BeanFactory与FactoryBean的区别及其各自的详细介绍于用法
			
    Spring BeanFactory与FactoryBean的区别及其各自的详细介绍于用法 1. BeanFactory BeanFactory,以Factory结尾,表示它是一个工厂类(接口),用于 ...
    
			
    10. 
						
  10. MySQL中如何实现 select top n
			
    mysql 没有 top n 语法,mysql 用 limit 来实现相关功能,而且功能更加强大. 语法: SELECT * FROM table LIMIT [offset,] rows | row ...
    
			
    11.