您好,登錄后才能下訂單哦!
這篇文章主要介紹“jquery中add指的是什么”,在日常操作中,相信很多人在jquery中add指的是什么問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”jquery中add指的是什么”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
add的意思為“添加”,是一個把元素添加到已存在元素組合中的內置方法,語法“$(元素).add(element,context)”;該方法接受兩個參數,分別指定要添加的元素、添加位置,第二個參數是可選的,若設置則元素只添加到上下文元素內部。
本教程操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。
在jquery中,add的意思為“添加”。
add() 方法把元素添加到已存在的元素組合中。
該方法接受兩個參數,分別指定要添加的元素、添加位置:
$(selector).add(element,context)
element:必需。規定要添加到已存在的元素集合的選擇器表達式、jQuery 對象、一個或多個元素、HTML 片段。
context:可選。規定選擇器表達式在文檔中開始進行匹配的位置。
add() 方法會把元素添加到整個文檔上,如果規定了 context 參數則只添加到上下文元素內部。
示例1:使用 HTML 片段來把 <span> 元素添加到已存在的 <p> 元素中。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"></script> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function() { $("button").click(function() { $("p").add("<br><span>一個新的span元素。</span>").appendTo("p"); }); }); </script> </head> <body> <button>添加一個span元素</button> <p>一個P元素。</p> </body> </html>
示例2:把 <p> 和 <span> 元素添加到已存在的元素組合中(<h2>):
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("h2").add("p").add("span").css("background-color", "yellow"); }); </script> </head> <body> <h2>歡迎</h2> <p>一個P元素。</p> <p>另一個P元素。</p> <span>一個span元素。</span> <span>一個span元素。</span><br><br> <div>本示例為現有的H1元素添加相同的CSS樣式為p和span元素。</div> </body> </html>
到此,關于“jquery中add指的是什么”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。