JavaScript DHTML/jQuery/add
Содержание
Add class to the result returned from an add function
<source lang="html4strict">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript">
var tmpExample = {
ready : function() { $("ul#liClass1 li").add("ul#liClass3 li").addClass("justAdd"); }
}; $(document).ready(tmpExample.ready);
</script> <style type="text/css">
body {
font: 16px sans-serif;
} h3 {
font-size: 18px; margin: 0 0 5px 0;
} h4 {
font-size: 16px; margin: 5px 0;
} ul {
list-style: none; margin: 0; padding: 0;
} ul li {
margin: 1px; padding: 3px;
} li.justAdd {
background: #88fac6;
}
</style> </head> <body id="tmpExample">
- A
- B
- C
- D
- E
- F
- G
- H
- I
- J
</body>
</html>
</source>
add(expr): adds more elements
<source lang="html4strict">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("div").add("p") .css("background", "yellow");
}); </script> </head> <body> <body>
asdf
asdf
asdf
asdf
</body>
</html>
</source>
Adds one or more Elements to the set of matched elements(document.getElementById)
<source lang="html4strict">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").add(document.getElementById("a")).css("background", "yellow");
}); </script> </head> <body> <body>
Hello
Hello Again</body>
</html>
</source>
Add tag returned from document.getElementById
<source lang="html4strict">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").add(document.getElementById("a")).css("background", "yellow");
}); </script> </head> <body> <body>
Hello
Hello
</body>
</html>
</source>