
本文实例讲述了jQuery中add()方法用法。分享给大家供大家参考。具体分析如下:
此函数在匹配元素中添加与表达式匹配的元素。
add()函数返回的结果将始终以元素在HTML文档中出现的顺序来排序,而不再是简单的添加。
语法:
语法一:
代码如下:$(selector).add(expr,context)
参数 |
描述 |
expr |
可选。用于匹配元素的选择器字符串。 |
context |
可选。作为待查找的 DOM 元素集、文档或 jQuery 对象。 |
实例:
实例一:
将span元素添加的匹配元素中去,并将它们的字体颜色设置为绿色。
代码如下:
脚本之家
script>
$(document).ready(function(){
$("p").add("span").css("color","green")
})
script>
我是p
我是span
我是span
实例二:
代码如下:
脚本之家
script>
$(document).ready(function(){
$("p").add("span","ul").css("color","green")
})
script>
我是p
我是span
我是span
语法二:
代码如下:$(selector).add(element)
参数列表:
参数 |
描述 |
element |
可选。被添加的DOM元素或者jQuery元素。 |
实例:
实例一:
代码如下:
脚本之家
script>
$(document).ready(function(){
$("p").add(document.getElementById("myspan")).css("color","green")
})
script>
我是p
我是span
我是span
实例二:
代码如下:
脚本之家
script>
$(document).ready(function(){
$("p").add($("#myspan")).css("color","green")
})
script>
我是p
我是span
我是span
语法三:
代码如下:$(selector).add(html)
参数列表:
参数 |
描述 |
html |
可选。被添加的html代码片段。 |
实例:
代码如下:
脚本之家
script>
$(document).ready(function(){
alert($("p").add("新添加的").length);
})
script>
我是p
希望本文所述对大家的jQuery程序设计有所帮助。