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. Thread_run()方法
			
    cas 1: package threadTest; public class ThreadTest { public static void main(String[] args) { Thread ...
    
			
    2. 
						
  2. sudo安装软件的时候出现Could not get lock /var/lib/dpkg/lock - open (11: Resource temporarily unavailable)
			
    最近在安装软件的时候经常出现下面提示: E: Could not get lock /var/lib/dpkg/lock - open (11: Resource temporarily unavai ...
    
			
    3. 
						
  3. java exception 01
			
    问题:java.util.concurrentmodificationexception 背景:java thread 网上找到的出现的例子如下(项目中真实的code不便给出) public clas ...
    
			
    4. 
						
  4. 调试 shell script 方法
			
    wade@V1088:~$ cat b.sh#!/bin/bash dir=`pwd` dir=$dir'/' for f in `ls *.png` do echo $dir$f done 看每一行 ...
    
			
    5. 
						
  5. linux查看网络信息命令
			
    #遇到一条很长的命令怎么办,想换行的时候在末尾增加\符号就可以换行继续输入命令了 #在ifconfig内容中找出ip [root@bogon ~]# ifconfig ens33|grep " ...
    
			
    6. 
						
  6. postgresql的基本使用，以及数据库的备份与恢复
			
    安装过程没什么说的,基本是一直下一步下一步,就是中间需要输入密码之类的 postgresql使用模式是数据库表,视图等的集合,我们可以自荐创建一个schema 创建表的方法 进入sql命令行窗口的方法 ...
    
			
    7. 
						
  7. XML基础入门
			
    一.概念 XML: Extensible  markup Language,可拓展标记语言 功能:存储数据 1.配置文件 2.在网络中传输数据 html和xml的区别: 1.xml标记全是自定义的 2 ...
    
			
    8. 
						
  8. MySQL Binlog信息查看
			
    ##=====================================## ## 在MySQL内部查看binlog文件列表 ## SHOW BINARY LOGS; ##=========== ...
    
			
    9. 
						
  9. Android之根布局动态载入子布局时边距设置无效问题
			
    Android大部分的控件都会有padding和layout_margin两个属性,一般来说它们的差别是: padding:控件中的内容离控件边缘的距离. margin:  控件离它的父控件边缘的距离 ...
    
			
    10. 
						
  10. jumpserver修改默认管理员账号名
			
    1.安装完毕jumpserver之后,默认管理员账号为admin 显然类似windows的administrator以及linux的root 把账号名改成别的 个人信息界面点击设置 修改为自己想要的用 ...
    
			
    11.