Adobe Dreamweaver JavaScript

weixin_47313197 2020-05-07 05:35:54
1.0JavaScript中创建DOM节点
创建流程:
1.创建元素 document.createElement()
例如:var div = document.createElement("div");
2.为节点添加一下属性 element.setAttribute();
例如:div.setAttribute("class", "box");
3.可以使用innerText或则innerHTML属性添加文本或则HTML内容
例如:div.innerHTML = "这是一个通过JS动态添加的div";
4.使用parentElement.appendChild()方法将新创建的节点添加到父节点中
例如:document.body.appendChild(div);
J 5.Query节点的创建:$()函数处理,$("html结构")
例如:var div = $("<div class='box'>这是一个通过jQuery动态添加的div</div>");
6.jQuery创建的节点是一个jQuery对象
1.1 jQuery节点的插入 向元素的内部插入DOM节点
①append() 向每个匹配的元素内部追加内容
②appendTo() 把所有匹配的元素追加到另一个指定的元素元素集合中。
③prepend() 向每个匹配的元素内部前置内容
④prependTo() 把所有匹配的元素前置到另一个、指定的元素元素集合中
1. append()与appendTo()方法
append(content|fn):向每个匹配的元素内部追加内容
- $(A).append(B);将B添加到A中
appendTo(content):把所有匹配的元素追加到另一个指定的元素元素集合中。
- $(A).appendTo(B);把A追加到B中
总结:这两个方法功能相同,主要的不同是语法—>内容和目标的位置不同
2. prepend()与prependTo()方法
prepend(content):向每个匹配的元素内部前置内容
- $(A).prepend(B);将B添加到A中(和append添加的元素有位置上的区别)
prependTo(content):把所有匹配的元素前置到另一个、指定的元素元素集合中。
- $(A).prependTo(B);把A追加到B中
1.2 jQuery节点的插入 向元素的外部插入DOM节点
①after() 在每个匹配的元素之后插入内容
②before() 在每个匹配的元素之前插入内容
③insertAfter() 这个方法是颠倒了常规的$(A).after(B)的操作,即不是把B插入到A后面,而是把A插入到B后面
④insertBefore() 颠倒了常规的$(A).before(B)的操作,即不是把B插入到A前面,而是把A插入到B前面。
1. after()与before() 方法
after(content|fn):在每个匹配的元素之后插入内容。
- $(A).after(B); 在A后面插入B元素
before(content|fn):在每个匹配的元素之前插入内容。
- $(A).before(B);在A前面插入B元素
2. insertAfter()与insertBefore()
insertAfter(content):把所有匹配的元素插入到另一个、指定的元素元素集合的后面。
- $(A).insertAfter(B) 在B后面插入A元素 与$(A).after(B)是相反的操作,但是功能一样
insertBefore(content):把所有匹配的元素插入到另一个、指定的元素元素集合的前面。
- $(A).insertBefore(B) 在B前面面插入A元素 与$(A).before(B)是相反的操作,但是功能一样
1.3 jQuery元素节点
①empty() 删除匹配的元素集合中所有的子节点
②remove([expr]) 从DOM中删除所有匹配的元素(元素本身与子元素都被删除)
③detach() 从DOM中删除所有匹配的元素(注意与remove的区别)
1.jQuery删除节点的方法 remove()与 empty()方法
1. empty() 删除匹配的元素集合中所有的子节点
2. remove([expr]) 从DOM中删除所有匹配的元素。expr:用于筛选元素的jQuery表达式
2. jQuery删除节点的方法 detach()方法
3. detach() 从DOM中删除所有匹配的元素。
- 这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。
与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来
- $("div").detach()这一句会移除对象,仅仅是显示效果没有了。
但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了。
2.0 jQuery 元素的筛选
eq(index|-index):获取当前链式操作中第N个jQuery对象,返回jQuery对象,当参数大于等于0时为正向选取,比如0代表第一个,1代表第二个。当参数为负数时为反向选取,比如-1为倒数第一个,具体可以看以下示例。
类似的有get(index),不过get(index)返回的是DOM对象。
参数说明:index 一个整数,指示元素基于0的位置,这个元素的位置是从0算起。
-index 一个整数,指示元素的位置,从集合中的最后一个元素开始倒数。(-1算起)
first() 获取第一个元素
last()获取最后个元素
hasClass(class) 检查当前的元素是否含有某个特定的类,如果有,则返回true
这其实就是 is("." + class)。
filter(expr|obj|ele|fn) 筛选出与指定表达式匹配的元素集合。
这个方法用于缩小匹配的范围。用逗号分隔多个表达式
find(expr|obj|ele)
搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法
...全文
89 1 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
hookee 2020-07-03
  • 打赏
  • 举报
回复
1. A Simple Poll V2.0.0 For Adobe Dreamweaver 2. Abrir Janela Pop-Up V1.0.2 (Portuguese) For Adobe Dreamweaver 3. Add Gradient Background Style V1.0.0 For Adobe Dreamweaver 4. Add onmouseout V1.0.0 For Adobe Dreamweaver 5. Adobe Style Menu V4.0.2 For Adobe Dreamweaver 6. Advanced CSS File Include V1.0.0 For Adobe Dreamweaver 7. Advanced Manage Workspace Layouts V1.1.1 For Adobe Dreamweaver 8. Advanced Random Images V4.3.8 For Adobe Dreamweaver 9. ASP Random Images V1.0.2 For Adobe Dreamweaver 10. Atomz Search V2.0.19 For Adobe Dreamweaver 11. Auto Default Form Field V1.0.2 For Adobe Dreamweaver 12. Automatic Jump Menu V1.0.2 For Adobe Dreamweaver 13. Book Flip V1.0.2 For Adobe Dreamweaver 14. Bordered Table V2.1.1 For adobe Dreamweaver 15. Breadcrumbs V1.4.4 For Adobe Dreamweaver 16. Calandar Maker V1.0.1 For Adobe Dreamweaver 17. Calendar Object V2.0.4 For Adobe Dreamweaver 18. Caps And Case Change V1.1.3 For Adobe Dreamweaver 19. Center Layout Tables V1.0.0 For Adobe Dreamweaver 20. Center Popup Window V1.0.1 For Adobe Dreamweaver 21. Check Form V4.66.0 For Adobe Dreamweaver 22. Clear Initial Form Fields V2.1.1 For Adobe Dreamweaver 23. Close All Documents V1.0.5 For Adobe Dreamweaver 24. Close Bowser Window V1.2.0 For Adobe Dreamweaver 25. Close Button 1.1.1 For Adobe Dreamweaver 26. Colour Harmony V1.0.0 For Adobe Dreamweaver 27. Compare To V1.0.2 For Adobe Dreamweaver 28. Constructioner Areas (C-Areas) V2.0.1 For Adobe Dreamweaver 29. Contect Help Toolbar V1.2.0 For Adobe Dreamweaver 30. CourseBuilder V4.4.1.0 For Adobe Dreamweaver 31. Cross-browser AutoScroller V2.0.0 For Adobe Dreamweaver 32. Cruotons V1.0.0 For Adobe Dreamweaver 33. CSS Target Media Type Interface V2.0.1 For Adobe Dreamweaver 34. D4WStatsLittle V1.12.0 For Adobe Dreamweaver 35. Date Insertion V1.4.2 For Adobe Dreamweaver 36. Diable Field V1.0.2 For Adobe Dreamweaver 37. Div Tags V1.0.0 For Adobe Dreamweaver 38. Downloads Counter V1.1.0 For Adobe Dreamweaver 39. DwZone Access DataBase Connection V1.2.0 For Adobe Dreamweaver 40. DwZone Advanced Form Controls V1.3.8 For Adobe Dreamweaver 41. DwZone Advanced Image Gallery V1.2.8 For Adobe Dreamweaver 42. DwZone Advanced Mail Plug In V1.2.1 For Adobe Dreamweaver 43. DwZone Advanced Mail PlugIn Delete V1.1.0 For Adobe Dreamweaver 44. DwZone Advanced Mail V2.2.3 For Adobe Dreamweaver 45. DwZone Advanced Search V1.3.9 For Adobe Dreamweaver 46. DwZone ASP Upload And Resize Simple V1.9.7 For Adobe Dreamweaver 47. DwZone ASP Upload And Resize V2.2.2 For Adobe Dreamweaver 48. DwZone ASP Upload Simple V1.7.5 For Adobe Dreamweaver? 49. DwZone ASP Upload V1.9.0 For Adobe Dreamweaver 50. DwZone ASP.NET Advanced Mail V1.1.6 For Adobe Dreamweaver 51. DwZone ASP.NET File Upload And Resize V1.2.3 For Adobe Dreamweaver 52. DwZone ASP.NET File Upload V1.2.1 For Adobe Dreamweaver 53. DwZone ASP.NET Image Gallery V1.1.0 For Adobe Dreamweaver 54. DwZone ASP.NET Multi Column Combo Box V1.1.1 For Adobe Dreamweaver 55. DwZone Dynamic Chart V1.1.1 For Adobe Dreamweaver 56. DwZone Dynamic Image V1.2.1 For Adobe Dreamweaver 57. DwZone Dynamic Sort Table V1.1.0 For Adobe Dreamweaver 58. DwZone Multi Column Combo Box V1.1.7 For Adobe Dreamweaver 59. DwZone Professional Query Manager V1.5.4 For Adobe Dreamweaver 60. DwZone Professional Record Wizard For Adobe Dreamweaver 61. DwZone Site Search Engine V1.2.9 For Adobe Dreamweaver 62. DwZone Visual CDonts Insert Object V1.1.4 For Adobe Dreamweaver 63. DwZone Visual Include V1.1.4 For Adobe Dreamweaver 64. DwZone Visual Search File V1.1.0 For Adobe Dreamweaver 65. DwZone WYSIWYG HTML Editor V1.5.4 For Adobe Dreamweaver 66. Dyanmic Images V1.1.3 For Adobe Dreamweaver 67. External Links Pro V1.0.15 For Adobe Dreamweaver 68. Fade Link V1.0.6 For Adobe Dreamweaver 69. Favorites Menu V1.0.0 For Adobe Dreamweaver 70. Flat Button V1.0.4 For Adobe Dreamweaver 71. Float Layer V1.0.1 For Adobe Dreamweaver 72. Form Calculator V1.2.4 For Adobe Dreamweaver 73. Form Inputs To Datasource V1.3.3 For Adobe Dreamweaver 74. Form Maker V2.0.0 For Adobe Dreamweaver 75. Form Security V2.9.5 For Adobe Dreamweaver 76. Format Table CSS V1.0.1 For Adobe Dreamweaver 77. Frunder Flash Menu V2.5.0 For Adobe Dreamweaver 78. F-source Business Drop Down Menu V1.0.0 For Adobe Dreamweaver 79. F-source Business Style Menu V1.2.1 & f-source Navigation Guide V1.0.0 For ADw [1] 80. F-source Business Style Menu V1.2.1 & f-source Navigation Guide V1.0.0 For ADw [2] 81. F-source Cubic Menu V2.1.0 For Adobe Dreameaver 82. F-source Metalic Menu V1.1.0 For Adobe Dreamweaver 83. GenB V1.4.1 For Adobe Dreamweaver 84. Go To URL In Opener V1.0.0 For Adobe Dreamweaver 85. History Navigation V1.1.2 For Adobe Dreamweaver 86. IM Animated Collapsible Accordion V1.1.1 For Adobe Dreamweaver 87. Image Bounds V1.0.0 For Adobe Dreamweaver 88. Insert A QuickTime Movie V1.0.1 For Adobe Dreamweaver 89. Insert Filename V1.0.0 For Adobe Dreamweaver 90. Insert Flash Animation V1.0.1 For Adobe Dreamweaver 91. javascript Syntax Checker V1.0.0 For Adobe Dreamweaver 92. Joomla V1.5 Extension For Adobe Dreamweaver 93. Language Menu V2.0.0 For Adobe Dreamweaver 94. Likno AllWebMenus javascript Menu Builder V1.0.1 For Adobe Dreamweaver 95. Link Title V1.0.0 For Adobe Dreamweaver 96. List Menu Data V1.0.4 For Adobe Dreamweaver 97. List-Menu Rewrite V1.1.2 For Adobe Dreamweaver 98. Live Clock V2.3.2 For Adobe Dreamweaver 99. Load Site Selection V1.0.6 For Adobe Dreamweaver 100. Mac Style Menu V4.2.1 For Adobe Dreamweaver 101. Macromedia Style Menu V4.2.1 For Adobe Dreamweaver 102. MenuKit V1.2.2 For Adobe Dreamweaver 103. MenuKit V2.0.1 For Adobe Dreamweaver 104. MiArt HTTP Header Tool V1.4.0 For Adobe Dreamweaver 105. Mighty Flighty CSS Template V1.0.1 For Adobe Dreamweaver 106. Multiple Selection V1.0.0 For Adobe Dreamweaver 107. Netscape And Opera Resize Fix V1.0.14 For Adobe Dreamweaver 108. Page List V1.1.3 For Adobe Dreamweaver 109. Panels Toolbar V1.0.0 For Adobe Dreamweaver 110. PayPal Button Creator V2.1.3 For Adobe Dreamweaver 111. PlayStream VideoLaunch V1.1.0 For Adobe Dreamweaver 112. PluginLab Combo Box Menu V1.4.0 For Adobe Dreamweaver 113. PluginLab Combo Box Menu V2.0.41 For Adobe Dreamweaver 114. PluginLab CSS Tree Menu V1.011 For Adobe Dreamweaver 115. PluginLab Horizontal Flyout Menu V2.0.80 For Adobe Dramweaver 116. PluginLab Horizontal Image Menu V2.0.30 For Adobe Dreamweaver 117. PluginLab Vertical Flyout Menu V2.0.80 For Adobe Dramweaver 118. PluginLab Vertical Image Menu V2.0.30 For Adobe Dramweaver 119. Pop Up Text Link V1.0.0 For Adobe Dreamweaver 120. Popup Link V1.3.0 For Adobe Dreamweaver 121. Popup Messages V1.0.6 For Adobe Dreamweaver 122. Puzzle Factory Game Arcade V1.0.3 For Adobe Dreamweaver 123. PVII Accordion Panel Magic V1.04 For Adobe Dreamweaver 124. PVII AniMagic Layers V2.90 For Adobe Dreamweaver 125. PVII Auto ShowHide V1.20 For Adobe Dreamweaver 126. PVII AutoHide V1.70 For Adobe Dreamweaver 127. PVII AutoLayers V1.50 For Adobe Dreamweaver 128. PVII Class Changer V2.70 For Adobe Dreamweaver 129. PVII CSS Cookie Monster V1.80 For Adobe Dreamweaver 130. PVII CSS Layout Magic V1.07 For Adobe Dreamweaver 131. PVII Fix Null Links V1.02 For Adobe Dreamweaver 132. PVII Horizontal Scroller V1.70 For Adobe Dreamweaver 133. PVII Image Gallery Magic V1.1.5 For Adobe Dreamweaver 134. PVII Instant CSS V2.20 For Adobe Dreamweaver 135. PVII Jump Menu Magic V1.40 For Adobe Dreamweaver 136. PVII Layout Designer 2 V2.4.0 For Adobe Dreamweaver 137. PVII Layout Designer 2 V2.60 For Adobe Dreamweaver 138. PVII Multi-Class 2 V1.00 For Adobe Dreamweaver 139. PVII Multi-Move V1.40 For Adobe Dreamweaver 140. PVII Opera Resize Fix V1.1.0 For Adobe Dreamweaver 141. PVII PagePack -Ennergi V1.0.2 For Adobe Dreamweaver 142. PVII PagePack -Graffiti V1.0.7 For Adobe Dreamweaver 143. PVII PagePack -il Libro V1.0.2 For Adobe Dreamweaver 144. PVII PagePack -Jazz 05 V1.0.4 For Adobe Dreamweaver 145. PVII PagePack -Key Lime V1.0.7 For Adobe Dreamweaver 146. PVII PagePack -Utopia V1.02 For Adobe Dreamweaver 147. PVII Pop Menu Magic Style Pack V1.0.4 For Adobe Dreamweaver 148. PVII ReDolt V1.21 For Adobe Dreamweaver 149. PVII Remove IE Link Scrubber V1.30 For Adobe Dreamweaver 150. PVII Return False Fix V1.50 For Adobe Dreamweaver 151. PVII RunEm V1.40 For Adobe Dreamweaver 152. PVII Safari BackButton Fix V1.2.0 For Adobe Dreamweaver 153. PVII Scrub V1.00 For Adobe Dreamweaver 154. PVII Set Min Width V1.1.3 For Adobe Dreamweaver 155. PVII ShowPic V2.00 For Adobe Dreamweaver 156. PVII Simple VII-V2 Menu Object (CSS Express Drop-Down Menus) V1.30 For ADw 157. PVII Slide Show Magic V1.2.7 For Adobe Dreamweaver 158. PVII Snap Layers V2.67 For Adobe Dreamweaver 159. PVII Style Sheet Loader V1.2.0 For Adobe Dreamweaver 160. PVII Swap Class V1.40 For Adobe Dreamweaver 161. PVII Tab Panel Magic V1.0.8 For Adobe Dreamweaver 162. PVII TabBar Magic V1.0.9 For Adobe Dreamweaver 163. PVII Vertical Scroller V1.70 For Adobe Dreamweaver 164. PVII Write Styles V1.60 For Adobe Dreamweaver 165. PVII Write V4 StyleSheet V1.10 For Adobe Dreamweaver 166. Quick Gallery V1.0.1 For Adobe Dreamweaver 167. Quick Link Anchors V1.4.5 For Adobe Dreamweaver 168. Quick Named Anchor V1.0.1 For Adobe Dreamweaver 169. QuickLink V1.1.0 For Adobe Dreamweaver 170. Random Links V1.2.3 For Adobe Dreamweaver 171. Remove Page Margins V1.0.2 For Adobe Dreamweaver 172. Reset Image Sizes V3.0.8 For Adobe Dreamweaver 173. RSS 2.0 From Darabase V1.0.0 For Adobe Dreamweaver 174. RSS DreamFeeder V2.0.9 For Adobe Dreamweaver 175. Script Optimizer-Obfuscator For javascript V1.2.0 For Adobe Dreamweaver 176. Scrollbars V1.2.4 For Adobe Dreamweaver 177. Select Template Files V1.5.0 For Adobe Dreamweaver 178. Selection Menu For Coding Toolbar V1.1.0 For Adobe Dreamweaver 179. Set Class V1.0.1 For Adobr Dreamweaver 180. Set Collation V1.0.1 For Adobe Dreamweaver 181. Simple Banner Rotator V1.0.1 For Adobe Dreamweaver 182. Simple List-Menu Rewrite V1.0.4 For Adobe Dreamweaver 183. Sitepal Wizard V1.4.0 For Adobe Dreamweaver 184. Sky Style Menu V1.0.0 For Adobe Dreamweaver 185. Slide Layer V2.1.0 For Adobe Dreamweaver 186. Smart Link V1.4.3 For Adobe Dreamweaver 187. Softery Aluminium DropDown Menu V1.0.2 & Menus UI V1.3.2 & 188. IE Flash Problem Solver V1.0.5 For Adobe Dreamweaver 189. Softery Aluminium Menu V1.0.5 & Menus UI V1.2.4 & 190. IE Flash Problem Solver V1.0.4 For Adobe Dreamweaver 191. Softery Easy DropDown Menu V1.0.0 & Menus UI V1.3.0 & 192. IE Flash Problem Solver V1.0.4 For Adobe Dreamweaver 193. Softery G-Force Menu V1.0.0 & Menus UI V1.3.0 & 194. IE Flash Problem Solver V1.0.4 For Adobe Dreamweaver 195. Softery Glassy Menu V1.0.0 & Menus UI V1.3.0 & 196. IE Flash Problem Solver V1.0.4 For Adobe Dreamweaver 197. Softery Grid Menu V1.0.0 & Meuns UI V1.0.7 For Adobe Dreamweaver 198. Softery Light Metal Menu V1.0.0 & Menus UI V1.1.2 For Adobe Dreamweaver 199. Softery Obsidian DropDown Menu V1.0.1 & Menus UI V1.1.2 For Adobe Dreamweaver 200. Softery Obsidian Menu V1.0.8 & Menus UI V1.3.2 & 201. IE Flash Problem Solver V1.0.5 For Adobe Dreamweaver 202. Softery Plastic Menu V1.0.0 & Menus UI V1.0.7 For Adobe Dreamweaver 203. Softery Plastic Menu V1.0.5 & Menus UI V1.3.0 & 204. IE Flash Problem Solver V1.0.5 For Adobe Dreamweaver 205. Softery Simple DropDown Menu V1.0.0 & Menus UI V1.1.3 For Adobe Dreamweaver 206. Softery Soft Sea DropDown Menu V1.0.5 & Menus UI V1.3.2 & 207. IE Flash Problem Solver V1.0.5 For Adobe Dreamweaver 208. Softery Sony Style DropDown Menu V1.0.3 & Menus UI V1.3.0 & 209. IE Flash Problem Solver V1.0.4 For Adobe Dreamweaver 210. Softery WinXP Style Menu V1.0.8 & Menus UI V1.3.2 & 211. IE Flash Problem Solver V1.0.5 For Adobe Dreamweaver 212. Status Bar Text V1.5.15 For Adobe Dreamweaver 213. Super Countries V2.4.0 For Adobe Dreamweaver 214. Super Date V1.2.0 For Adobe Dreamweaver 215. SuperScript 2 V1.1.2 For Adobe Dreamweaver 216. Swap Trans Image V1.0.2 For Adobe Dreamweaver 217. Switch Field V1.0.1 For Adobe Dreamweaver 218. Tabel Dimensions To Background Image V2.6.0 For Adobe Dreamweaver 219. Telephone Character V1.6.0 For Adobe Dreamweaver 220. Template Report V1.0.0 For Adobe Dreamweaver 221. The Login with Dynamic Redirect V1.0.0 For Adobe Dreamweaver 222. Trio Solutions Scroll V1.0.1 For Adobe Dreamweaver 223. TrustSoft Joomla Dreamweaver Template Kit V2.0 For Adobe Dreamweaver 224. Ultra Close Window V2.0.0 For Adobe Dreamweaver 225. Uni Mailer V1.0.5 For Adobe Dreamweaver 226. Visit Counter V1.0.1 For Adobe Dreamweaver 227. Vista Drop Down Menu V1.1.0 For Adobe Dreamweaver 228. Voice Web Studio Free V1.1.1 For Adobe Dreamweaver 229. Web Photo Album V2.1.8 For Adobe Dreamweaver 230. Web Photo Album V2.2.6 For Adobe Dreamweaver 231. Zencil V3.0.8 For Adobe Dreamweaver 232. Zoom Search Engine V4.2.1002 For Adobe Dreamweaver

2,126

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 非技术区
社区管理员
  • 非技术区社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧