jquery.add()的理解
来源:互联网 发布:dnf优化补丁2017 编辑:程序博客网 时间:2024/06/08 14:37
add() 将元素添加到匹配元素的集合中。这是jquery参考手册上的表述。但其提供的例子链接错误,因此没有对add()的实例说明。这里就提供几个例子,以便更好的掌握add()的用法。
例一
<!DOCTYPE html><html><head><style>div { width:60px; height:60px; margin:10px; float:left; }p { clear:left; font-weight:bold; font-size:16px;color:blue; margin:0 10px; padding:2px; }</style><script language="JavaScript" type="text/JavaScript" src="http://www.w3school.com.cn/jquery/jquery.js"></script><script>$(document).ready(function(){$("div").css("border", "2px solid red").add("p").css("background", "yellow");});</script></head><body><div></div><div></div><div></div><div></div><div></div><div></div><p>Added this… (notice no border)</p></body></html>结果如下图所示:
解说:这里的add("p")相当于和的意思,就是说$("div")的css和p的css。这里注意的是div是有边框的。而p没有。
例二
<body><p>Hello</p><span>Hello Again</span></body>
$("p").add("span").css("background", "yellow");结果如下图所示:
p和span的css,相当于
$("p,span").css("background","yellow");例三:
<body><p>Hello</p></body>
$("p").clone().add("<span>Again</span>").appendTo(document.body);结果如下:
clone()复制的意思;复制一个p和把<span>Again</span>插入到文档的body中。
这里插一句:如果不用clone(),则原来的p不存在了。看下面例子:
<script>$(document).ready(function(){ $("p").add("<span>Again</span>").appendTo(document.body); alert($("body").html());});</script></head><body><p>Hello</p></body></html>结果如下图所示:
例四:
<body><p>Hello</p><span id="a">Hello Again</span></body>
$("p").add(document.getElementById("a")).css("background", "yellow");结果如下:
这表明add()中的参数不仅可以是选择器,也可以是DOM元素。
- jquery.add()的理解
- 理解jQuery的设计
- Jquery的proxy理解
- jquery的$(this)理解
- jQuery 的理解应用
- 对jQuery的理解
- JQUERY-EASYUI的理解
- jquery之.add()用法
- jquery api add()方法
- jquery 遍历add() 方法
- jQuery add() 方法
- jQuery.add() 函数详解
- Jquery中对(function($) {})(jQuery)的理解
- Leetcode中Add Two Numbers算法的理解
- jQuery :$([]).add() 在IE 下的不兼容
- jQuery总体架构的理解
- JQUERY MOBILE 的 基本理解
- 深入理解jQuery的proxy()
- 资源网站
- 普通职员与经理差别到底在哪?
- 傻孩子。痛了?放手吧:伤感日志
- 软件工程 文档
- fcntl使用
- jquery.add()的理解
- Linux(CentOS)安装分区方案
- 基类指针静态强制转为派生类指针,基类指针必须指向派生类的基类子对象????
- spring bean初始化干预处理
- int a[2][2]={{1},{2,3}};//则a[0][1]的值为0。( T )
- Struts2+Spring整合
- execve用法举例
- RPC
- Android核心分析 目录