2022.2

Examples
ThisscriptlooksforanelementwiththeIDsalesrepandinsertsaparagraphbeforethatelement.
results.before("<p>Lorem Ipsum</p>");

Selector Matched element Matched element after script execution
#salesrep <pid="salesrep">PeterParker</p> <p>Loremipsum</p>
<pid="salesrep">PeterParker</p>
Thisscriptdoesthesame,butitusesthequery()functiontolookuptheelement.
query("#salesrep").before("<p>Lorem ipsum</p>");

Matched element Matched element after script execution
<pid="salesrep">PeterParker</p> <p>Loremipsum</p>
<pid="salesrep">PeterParker</p>
ThefollowingscriptlooksforanelementwiththeIDsalesrep,insertsaparagraphbeforethatelement
andcolorsthatelementred.
query("#salesrep").before("<p>Lorem ipsum</p>").css("color","red");

Matched element Matched element after script execution
<pid="salesrep">PeterParker</p> <p>Loremipsum</p>
<pid="salesrep"style="color:red;">PeterParker</p>
Note:thewaythefunctionsbefore()andcss()areusedinthisscriptiscalled'chaining'.Chaining
isoptional;thesamecouldbeachievedbystoringtheresultofthequeryinavariable:
var salesrep = query("#salesrep");
salesrep.before("<p>Lorem ipsum</p>");
salesrep.css("color","red");
Page 792