jQuery 获取DOM元素

(function (window){

var arr=[];

var VP=function(selector,context){

return new VP.fn.init(selector,context);

}

VP.fn=VP.prototype={

contstructor:VP,

init:function(selector,context){

var _document=window.document,elem,mark=selector.charAt(0);

if(mark==‘#‘){

elem =_document.getElementById(selector.substring(1));

if(elem){

this[0]=elem;

this.length=1;

}

}

return this;

},

splice:arr.splice,

};

VP.extend=VP.fn.extend=function(){

var options,name,src,copy,copyIsArray,clone,target=arguments[0]||{},

i=1,

length=arguments.length,

deep=false;

if(typeof target=="boolean"){

deep=target;

target=arguments[i]||{};

i++;

}

if(typeof target !=="object"&&!VP.isFunction(target)){

target={};

}

if(i==length){

target=this;

i--;

}

for(;i<length;i++){

for(name in options){

src=target[name];

copy=options[name];

if(target==copy){

continue;

}

if(deep&&copy&&(VP.isPlainObject(copy)||

(copyIsArray=VP.isArray(copy)))){

if(copyIsArray){

copyIsArray=false;

clone=src && VP.isArray(src)?src:[];

}

else{

clone=src&&VP.isPlainObject(src)?src:{};

}

target[name]=VP.extend(deep,clone,copy);

}

else if(copy !==undefined){

target[name]=copy;

}

}

}

}

return target;

};

VP.fn.extend({

get:function(){

return this[0];

},

});

VP.fn.init.prototye=VP.fn;

window.VP=VP;

})(window);

时间: 2024-10-09 02:50:09

jQuery 获取DOM元素的相关文章

jquery——获取dom元素身上的绑定事件的问题

在jQuery1.8.0版本之前,我们要想获取某个DOM绑定的事件处理程序可以这样: $.data(domObj,'events');//或者$('selector').data('events') jQuery1.8.0版本开始,jQuery突然不支持这样使用了,而是改到了一个叫'_data'的函数功能上了,即,1.8.0及以后的版本你可以这么用: $._data(domObj,'events');//注意,这里不能像$('selector')._data('events')这样用了. /*例

JQuery获取Dom元素的方法

(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 = select

JQuery动画——.trim()去空格、.get()和.index()获取DOM元素

.trim()去空格..get()和.index()获取DOM元素 1   .trim()函数用于去除字符串两端的空白字符,没有多余的参数用法 2   移除字符串开始和结尾处的所有换行符,空格(包括连续的空格)和制表符(tab),如果这些空白字符在字符串中间时,它们将被保留,不会被移除3   .get()获取DOM元素,通过已知的索引在合集中找到对应的元素4   get获取dom对象,通过document.getElementById获取的对象,从0开始索引,如找到第二元素,可以传递 $(a).

web进阶之jQuery操作DOM元素&amp;&amp;MySQL记录操作&amp;&amp;PHP面向对象学习笔记

hi 保持学习数量和质量 1.jQuery操作DOM元素 ----使用attr()方法控制元素的属性 attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设置元素属性名的值. 控制就是获取以及设置 <h3>attr()方法设置元素属性</h3> <a href="http://127.0.0.1" id="a1">点我就变</a> <d

jQuery -&gt; 克隆DOM元素

使用jQuery内置的clone函数可以克隆DOM元素,而且clone函数支持链式调用 下例是clone的一个简单用法,它做了一个ul的副本,并添加到body中. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <ul> <li>list</li> <li>list</li&

jQuery(五) jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解

jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解 jQuery中操纵元素属性的方法: attr(): 读或者写匹配元素的属性值. removeAttr(): 从匹配的元素中移除指定的属性. attr()方法 读操作 attr()读操作. 读取的是匹配元素中第一个元素的指定属性值. 格式: .attr(attributeName),返回值类型:String.读取不存在的属性会返回undefined. 注意选择器的选择结果可能是一个集合,这里仅仅获取的是集合中第一个

原生javascript获取dom元素简单介绍

原生javascript获取dom元素简单介绍: 使用jQuery可以各种方式获取元素,比如id选择器,类选择器,元素选择器等等,非常的方便. 下面就介绍一下如何利用原生的js实现获取dom元素的功能. 一.通过id获取元素: 最方便的那就是使用document.getElementById()函数. 具体可以参阅document.getElementById()一章节. 二.通过标签获取元素: 使用document.getElementsByTagName()函数. 具体可以参阅documen

jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解

jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解 jQuery中操纵元素属性的方法: attr(): 读或者写匹配元素的属性值. removeAttr(): 从匹配的元素中移除指定的属性. attr()方法 读操作 attr()读操作. 读取的是匹配元素中第一个元素的指定属性值. 格式: .attr(attributeName),返回值类型:String.读取不存在的属性会返回undefined. 注意选择器的选择结果可能是一个集合,这里仅仅获取的是集合中第一个

Vue自定义指令获取DOM元素

我们知道,Vue.js的核心是数据驱动,当数据有所变化时,DOM就会被更新,比如: <span v-text="msg"></span> export default { data(){ return{ msg : 'oldMsg' } } methods : { changeMsg : function(){ this.msg = 'newMsg' } } } 当调用了changeMsg方法,msg被修改为 ' newMsg ' ,我们可以把这次修改理解为数据