包裹 wrap() wrapInner() wrapAll() unwrap() clone() 数据缓存机制 data 文档处理(包裹) 1.1.wrap()--将所匹配的元素用其他元素结构化标签包裹起来(实际上就是给指定的元素添加父元素).参数可以是HTML标记代码字符串:也可以是DOM元素对象:或者是传入一个方法,方法的返回值可以是前面两种情况. //html <div class="demo">b</div> <div class="a&…

1.基础 jquery对象集: $():jquery对象集合 获取jquery对象集中的元素: 使用索引获取包装器中的javascript元素:var temp = $('img[alt]')[0] 使用jquery的get方法获取jquery对象集中的javascript元素:var temp = $('img[alt]').get(0) 使用jquery的eq方法获取jquery对象集中的jquery对象元素: $('img[alt]').eq(0) $('img[alt]').first(…

进一步选择元素相关方法:  .get() .eq() .find() .filter() .not() .is() .has() .add()集中操作  .end()回退操作 .get() $(".class").get()   可以填 $()选择器选出来的dom 索引,  0  1  2  3   -1  -2 ,   不填  取全部dom, 但是 取出来的dom 不再是jquery的对象,而是原生dom, 用get()取出来的 dom  都为原生dom: 现在会用了,但是咱们不能单…

1.URL 1.URL的作用 用于来表示任意一个资源的位置(互联网上). 协议+主机名+文件目录结构+文件名称 2.详解 格式: <scheme>://<user>:<pwd>@<host>:<port>/<path>:<params>?<query>#<frag> scheme:方案,协议,以哪种方式到服务器获取资源,协议不区分大小写,常用协议:http,https,ftp user:用户名 pw…

前端性能优化--为什么DOM操作慢?   作为一个前端,不能不考虑性能问题.对于大多数前端来说,性能优化的方法可能包括以下这些: 减少HTTP请求(合并css.js,雪碧图/base64图片) 压缩(css.js.图片皆可压缩) 样式表放头部,脚本放底部 使用CDN(这部分,不少前端都不用考虑,负责发布的兄弟可能会负责搞好) 缓存…… 等等…… 有兴趣的同学,可以自行搜索雅虎关于前端优化的十四条规则.但这些规则当中,有多少是需要前端工程师付诸实践的?就我来说,CDN.缓存的设置,就是不需要我去关…

JQuery text().html().val() $(elem).text(str):添加文本内容str到elem类型元素,返回jQuery对象 $(elem).text():返回第一个elem标签内的文本内容 $(elem).html("<a href='##'>a标签</a>"):添加html内容到elem类型元素,返回jQuery对象 $(elem).html(""):返回第一个elem标签内的html内容 $("inpu…

1.复制节点: 如果单击<li>元素后需要再复制一个<li>元素,可以用clone()方法来完成: $(this).clone().appendTo("ul"); 复制节点后,被复制的新元素不具有任何行为,如果需要新元素也具有复制功能,可以这么写: $(this).clone(true).appendTo("ul"); 2.包裹节点:wrap()&warpAll()&wrapInner() 如下代码: <strong t…

关于DOM和CSS的页面元素选择: $("span");     //全部span元素 $("#elem");  //id为elem的元素 $(".classname"); //类为classname的元素 $("div#elem"); //id为elem的<div>元素 $("ul li a.menu"); //类为”menu”的<a>标签 $("p>span&qu…

一.document.getElementById()    根据Id获取元素节点 <div id="div1"> <p id="p1"> 我是第一个苹果</p> <p id="p2"> 我是第二个苹果</p> </div> <script> window.onload = function () { var str = document.getElementBy…

// 1,getElementById:返回元素节点document.getElementById(); // 2,getElementsByClassName:返回HTMLCollection对象(IE9以下不支持.)document.getElementsByClassName(); // 3,getElementsByTagName:返回HTMLCollection对象document.getElementsByTagName(); // 4,getElementsByTagName:返回…