(function (window) { var arr = []; var VP = function (selector, context) { return new VP.fn.init(selector, context); } VP.fn = VP.prototype = { constructor: VP, init: function (selector, context) { var _document = window.document, elem, mark = selector.charAt(0); if (mark == #) { elem = _document.getElementById(selector.substrin...
DOM 元素方法1. .get()$(selector).get(index)//可选。规定获取哪个匹配元素（通过 index 编号）。 //get() 方法获得由选择器指定的 DOM 元素 $("button").click(function(){x=$("p").get(0);$("div").text(x.nodeName + ": " + x.innerHTML); });//获得第一个 p 元素的名称和值2. .index()$(selector).index()//获得第一个匹配元素相对于其同胞元素的 index 位置,如果未找到元素，index() 将返回 -1。 $(selector).index(element)...
起因今天写页面的时候突然有这么个需求，由于父元素（一个DIV）的height是由javascript计算出来的固定的值，而在其中增加了一个多说插件，在用户评论后，子元素（DIV）的height属性增加，导致子元素溢出。但是又不知道如何为多说的评论按钮增加回调函数，于是乎就想到了根据子元素的大小变化来重新计算父元素的height。onresize?平常，都是在整个浏览器窗口变化时触发一个修改布局的回调函数。使用的是window对象的resize事件，利用...
.clone() 创建一个匹配的元素集合的深度拷贝。 .clone([withDataAndEvents]) withDataAndEvents (默认为false) 一个Boolean 表示是否会复制元素上的时间处理函数。 .clone([withDataAndEvents][,deepwithDataAndEvents]) withDataAndEvents (默认为false) 一个Boolean 表示是否会复制元素上的时间处理函数。 deepwithDataAndEvents 一个布尔值，指示是否对时间处理...
.after() 在匹配的元素集合中的每个元素后面插入参数指定的内容，作为其兄弟节点。 .after(content[,content]) content HTML字符串 DOM 元素 元素数组 对象，用来插入到集合中每个匹配元素的后面。 content HTML字符串 DOM 元素 元素数组 对象，用来插入到集合中每个匹配元素的后面。 .after(function) function 返回一个 HTML字符串 DOM 元素 元素数组 对象，用来插入到集合中每个匹配元素的后面。...
.detach() 从DOM 中去掉所匹配的元素。 .detach([selector]) selector 一个选择表达式将需要移除的从匹配的元素中过滤出来。 $("p").detach(); .empty() 从DOM中移除集合中匹配元素的所有子节点。 .empty() 这个方法不接受任何参数。 结构： <div class="container"> <div class="hello">Hello</div> <div class="goodbye">Goodbye</div> </div> ...
代码如下： 代码如下: "http://www.w3.org/TR/html4/loose.dtd"> 无标题文档 $(function(){ var oNewp = $("我测试成功了"); oNewp.insertAfter("#target"); }); eeeeeeeeee 需要注意的几点： 代码如下: $(fuction(){ }) 此句就相当于window.onload函数，缺一不可。 总结：时刻要细心。JavaScript教程/参考手册 JavaScript热搜 vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query...
起因 今天写页面的时候突然有这么个需求，由于父元素（一个DIV）的height是由javascript计算出来的固定的值，而在其中增加了一个多说插件，在用户评论后，子元素（DIV）的height属性增加，导致子元素溢出。但是又不知道如何为多说的评论按钮增加回调函数，于是乎就想到了根据子元素的大小变化来重新计算父元素的height。 onresize? 平常，都是在整个浏览器窗口变化时触发一个修改布局的回调函数。使用的是window对象的resize事件，...
本文实例讲述了jQuery遍历DOM元素与节点方法。分享给大家供大家参考，具体如下： 一、向上遍历--祖先元素 ① $(selector).parent([filter]):返回selector匹配元素的直接父元素，方法可以接受一个过滤selector来过滤返回的父元素。 ② $(selector).parents([filter]):返回匹配元素的所有祖先节点，一直向上直到文档根元素html，方法可以接受一个过滤selector来过滤返回的祖先节点。 备注：parent与parents的区别，parent返回直接父节...
代码如下: document.getElementById("testDiv").innerHTML ="动态创建的div"; 而且用的应该是还是乐此不疲，但是有多少人知道这是错误的做法!错误的原因: (1) 在页面加载时改变了页面的结构. 在IE6中如果网络变慢或者页面内容太大就会出现"终止操作"的错误. 也就是说"永远不要在页面加载时改变页面的Dom模型". (2) 使用修改HTML内容添加元素, 不符合Dom标准. 在实际工作中也碰到过使用这种方法修改内容后, 某些浏览器中并不能立...
动态创建div: 代码如下: $(function(){ $("",{ id: test, text: this is a test, "class": "test", click: function(){ $(this).toggleClass(test); } }).appendTo("body"); }) 动态创建input: 代码如下: $(function(){ $("", { type: text, val: test, focusin: function() { $(this).addClass(active); }, focusout: function() { $(this).removeClass(active); } }).appendTo("body"); })
jQuery的$调用后想要获取DOM元素可以使用get方法，如下 代码如下: // 方式1 $(div).get(1); // 获取页面中第二个div 当然，也可以使用数组索引方式获取 代码如下: // 方式2 $(div)[1]; // 获取页面中第二个div 上面两种方式都可以获取某一个特定的DOM元素，而获取DOM元素集合却要使用toArray方法 代码如下: $(div).toArray(); // 返回页面中所有的div，依次放入数组中 看看get方法的源码 代码如下: get: function( num ) { ...
代码如下: // jquery对象转js对象 $(#search)[0].checked=true; // js对象转jquery对象 var obj = document.getElementById(search); alert($(obj).checked);
1、绑定事件 代码如下: $(#id).bind("click",function(){ ... }) 可一次性绑定多个事件 代码如下: $(#id).bind("click mouseover mouseout",function(){ ... }) 2、解除绑定 代码如下: $(#id).unbind("click") 3、绑定一次 代码如下: $(#id).one("click",function(){ ... })
jquery选择器众多，使用选取某个DOM的方法有很多种，如何在选取的某个元素集上面做一些排除呢？下面通过几个实例说明： 1.选择所有的img元素，排除class=phpernote的元素的个数： 代码如下:$(img:not(.phpernote)).length();//或者$(img).not(.phpernote).length();2.获取id=phpernote下面所有没有class=com的li元素的个数 代码如下:$(#phpernote li:not(.com)).size();//或者$(#phpernote li).not(.com).length();3.设置id=phpern...