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. PS学习之餐饮行业修图
			
    素材 红烧肉 生菜 洋葱 目标效果 开始操作: 首先打开PS,将红烧肉素材放入  将红烧肉单另扣下来(用快随选择工具 按住Alt键是减选  抠图时  将画布放大 细细的扣) 然后创建一个和当前选区大小 ...
    
			
    2. 
						
  2. 【HDOJ2586】【Tarjan离线求LCA】
			
    http://acm.hdu.edu.cn/showproblem.php?pid=2586 How far away ? Time Limit: 2000/1000 MS (Java/Others) ...
    
			
    3. 
						
  3. 堆栈详解 + 彻底理解Java的值传递和引用传递
			
    本文旨在用最通俗的语言讲述最枯燥的基本知识 学过Java基础的人都知道:值传递和引用传递是初次接触Java时的一个难点,有时候记得了语法却记不得怎么实际运用,有时候会的了运用却解释不出原理,而且坊间讨 ...
    
			
    4. 
						
  4. LG3975 [TJOI2015]弦论
			
    题意 题目描述 为了提高智商,ZJY开始学习弦论.这一天,她在< String theory>中看到了这样一道问题:对于一个给定的长度为n的字符串,求出它的第k小子串是什么.你能帮帮她吗? ...
    
			
    5. 
						
  5. day 61 pymysql
			
    Python3连接MySQL 本文介绍Python3连接MySQL的第三方库--PyMySQL的基本使用. PyMySQL介绍 PyMySQL 是在 Python3.x 版本中用于连接 MySQL 服 ...
    
			
    6. 
						
  6. showdoc 开源在线api&&技术文档管理工具
			
    showdoc 是一个很不错的api 以及技术文档管理工具 环境准备 doker-copose 文件 version: "3" services: doc: image: regi ...
    
			
    7. 
						
  7. Jmeter分离登录事务的另一种方式
			
    最近,遇到了一个困扰很多人的问题. 情景如下: 业务流程:登录一个网站,反复进行充值. 通常的做法是使用jmeter对登录和充值的接口进行反复的执行: 但是实现的方法却不能完美的贴合业务流程. 并且, ...
    
			
    8. 
						
  8. ADB连接手机的两种方式（usb数据线连接和wifi连接）
			
    ADB(Android Debug Bridge)安卓测试桥,它是连接电脑开发端和安卓设备的桥梁,这个安卓设备可以是真实的安卓手机或者平板,也可以是虚拟的安卓模拟器,   这里介绍ADB连接手机的两种 ...
    
			
    9. 
						
  9. 一般化数值算法(accumluate,inner_product,partial_sum,adjacent_difference)
			
    accumulate template<class InputIterator, class T> T accumulate( InputIterator _First, InputIte ...
    
			
    10. 
						
  10. 运行成功的Demo（Python+Appium）
			
    原文摘自:廖丹  http://www.cnblogs.com/android-it/p/8805659.html 1.打开Appium运行 2.在Pycharm输入代码如下所示: from appi ...
    
			
    11.