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. php基础-1
			
    php规范 php文件以<?php开头,以?>结尾. php可以和html代码混写,若当前文件为纯php代码 ,则不用写php结尾 php的一行代码以";"(分号)结尾 ...
    
			
    2. 
						
  2. 【BZOJ4521】【CQOI2016】手机号码
			
    感觉数位dp好恶心…… 原题: 人们选择手机号码时都希望号码好记.吉利.比如号码中含有几位相邻的相同数字.不含谐音不 吉利的数字等.手机运营商在发行新号码时也会考虑这些因素,从号段中选取含有某些特征的 ...
    
			
    3. 
						
  3. LG5056 【模板】插头dp
			
    题意 题目背景 ural 1519 陈丹琦<基于连通性状态压缩的动态规划问题>中的例题 题目描述 给出n*m的方格,有些格子不能铺线,其它格子必须铺,形成一个闭合回路.问有多少种铺法? 输 ...
    
			
    4. 
						
  4. Object Relational Mapping(ORM)
			
    Object Relational Mapping(ORM) ORM介绍 ORM概念 对象关系映射(Object Relational Mapping,简称ORM)模式是一种为了解决面向对象与关系数据 ...
    
			
    5. 
						
  5. MySQL中视图
			
    视图是指计算机数据库中的视图,是一个虚拟表,其内容由查询定义.同真实的表一样,视图包含一系列带有名称的列和行数据.但是,视图并不在数据库中以存储的数据值集形式存在.行和列数据来自由定义视图的查询所引用 ...
    
			
    6. 
						
  6. 我发起了一个用 .Net 编写的 源代码管理工具 开源项目 SourceKit
			
    发起这个 项目 的 起因 是 GitHub . Github 的 使用技能 俨然已经成了 一项新技术 , 这不是 工具 的 本意 . 我用过的 源代码 管理工具 不多,  SVN 我觉得不错 . 常用 ...
    
			
    7. 
						
  7. ubuntu 14上安装mysql离线包
			
    1.下载mysql在linux下离线安装包文件:wget http://dev.mysql.com/get/Downloads/MySQL-5.6/mysql-5.6.33-linux-glibc2. ...
    
			
    8. 
						
  8. 使用http-server创建本地服务
			
    在很多情况下, 都需要开启本地http服务器来测试, 所以就需要一个简单省事的http服务器, , 以前的时候可以使用express或者webpack-dev-server来启动一个服务, 这未免有点 ...
    
			
    9. 
						
  9. js 递归
			
    我理解的递归就是自己调用自己,也就是函数在调用的时候会形成 call stack 调用堆栈.这些数据是用来函数调用完成后,回复之前的函数环境或者局部变量之类的,一般这个都有大小限制,不可能无限生成函数 ...
    
			
    10. 
						
  10. 纹理，这次没用Shader头文件，但是没有报“超出内存”的错误，不知道为什么
			
    #include <iostream> using namespace std; //using std::cout; using std::cin; using std::endl; # ...
    
			
    11.