jQuery类型引入jquery.js时,其实是向全局作用域中,添加了一个新的类型--jQuery。构造函数:负责创建jQuery类型的对象。原型对象:保存jQuery对象可用的所有简化版API,只有jQuery类型的子对象,才能用简化版API。什么是jQuery对象封装DOM元素,并提供操作DOM元素的简化版API的类数组对象。DOM元素不是jQuery类型子对象,无法直接使用jQuery的简化版API,想使用jQuery,必须先创建jQuery对象,封装DOM对象。基础语法:$(selector)...
day23 通过关系查找jQuery对象的方法 next([selector]) 向后取同辈元素 nextAll([selector]) nextUntil([selector]) prev([selector]) 向前取同辈元素 prevAll([selector]) prevUntil([selector]) siblings([selector]) 取同辈元素的所有集合(不包含本身) 筛选和遍历jQuery对象 添加元素 add(selector) 过滤元素 not(selector) filter(selector) 也可以用函数 not(funtion(){}) ...
问题1 Jquery 中创建对象的奥秘问题2 JavaScript中this的指向问题问题3 return this 的作用问题4 instanceof / 对象和类之间的关系//代码1(Jquery 创建对象)var iQuery=function (){
name="iQuery"; //4
return new iQuery.prototype.init(); //1
};
iQuery.prototype={
init : function(){
name="iQueryPrototypeInit"; //5
return this; //2
},name : "iQueryPrototype" //6
};iQuery.prototype.init.prototype=iQuery.prototype...
简单对象获取 $("element:first") 获取页面上某个元素的第一个如$("div:frist")表示第一个div $("element:last") 获取页面上某个元素的最后一个如$("div:frist")表示最后一个div $("element:not(selector)") 去除所有与选择器匹配的元素如$("input:not(:check)")表示所有未被选中的复选框 $("element:even") 获取element元素的偶数行 $("element:odd") 获取元素的奇数行 $("element:eq(index)") 获取特定索引的元素 如$("div:el(2)...
文档处理append:向每个匹配的元素内部追加内容。这个操作与对指定的元素执行appendchild方法,将它们添加到文档中的情况类似<p>i would like to say</p>
$("p").append("<b>hello</b>");
结果:[<p>i would liek to say:<b>hello</b></p>]
appendTo:把所有匹配的元素追加到另一个指定的元素集合中。实际上,使用这个方法是颠倒常规的$(A).append(B)的操作,既不是把b追加到a中,而是把a追加到b中<p>i would like to say:</p>
...
一:页面加载完成时,会执行jquery的方法(不需要等待图片加载完成,只要dom结构加载完成,就执行该方法)//第一种写法:
$(document).ready(function() {// 执行体
});//第二种写法
$(function() {//执行体
}); View Code二:用jquery获取dom对象,判断该对象是否有内容的两种方法(有返回true,没有返回false)jqObj.text().trim()var jqObj = $(this);
if(jqObj.text().trim()){ //trim()方法是去空格,$.trim()函数删除提供字符...
jQuery对象转成DOM对象: 两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index); (1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。 如:var $v =$("#v") ; //jQuery对象 var v=$v[0]; //DOM对象 alert(v.checked) //检测这个checkbox是否被选中 (2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象 如:var $v=$("#v"); //jQuery对象 var v=$v.get(0); //DOM对象 alert(v.checked...
什么是jQuery对象? ---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法。 比如: $("#test").html() 意思是指:获取ID为test的元素内的html代码。其中html()是jQuery里的方法 这段代码等同于用DOM实现代码: document.getElementById("id").innerHTML; 虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法.乱使用会报错...
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="js/jquery.js"></script><script>//页面载入ready方法 $(function(){$(‘img‘).bind({mouseover:function(){$(‘#result‘).html(‘GOGOGOG‘);},mouseout:function(){$(‘#result‘).html(‘OUTOUT‘);}});});</script></head><body><input type="button" id="btnok" value="OK"/><hr /><img src="images/1.jpg"><hr /><div id="resul...
jQuery对象和DOM对象使用说明,需要的朋友可以参考下。1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象;复制代码 代码如下:var domObj = document.getElementById("id"); //DOM对象var $obj = $("#id"); //jQuery对象;jQuery对...
学习jQuery,需要搞清楚DOM对象和jQuery对象的关系与区别,因为两者的方法并不共用,如果搞不清楚对象类型就会导致调用错误的方法。DOM(Document Object Model)称为文档对象模型,每一份DOM对象都可以表示成一棵树。<body><h2>这里是标题</h2><p>dom结构的解说</p><ul><li>aaaaa</li><li>sssss</li><li>ddddd</li><li>fffff</li></ul><div id="div1">hello world!</div></body>上面代码中的<h2>、<p>、<ul>、<li>等都是DOM元素节...
$.when的说明描述: 提供一种方法来执行一个或多个对象的回调函数,返回这些对象的延时(Deferred)对象。 说明(结合实例和源码): 如果你不传递任何参数, jQuery.when()将返回一个resolved(解决)状态的promise对象。 如果向jQuery.when()传入一个参数 , 并且它不是一个Deferred或Promise对象, 那么它会被当作是一个被解决(resolved)的延迟对象,并且绑定到上面的任何 doneCallbacks 都会被立刻执行。向 doneCal...
一、什么是deferred对象?开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异步的操作(比如ajax读取服务器数据),也有同步的操作(比如遍历一个大型数组),它们都不是立即能得到结果的。通常的做法是,为它们指定回调函数(callback)。即事先规定,一旦它们运行结束,应该调用哪些函数。但是,在回调函数方面,jQuery的功能非常弱。为了改变这一点,jQuery开发团队就设计了deferred对象。简单说,defe...
事件中的Event对象容易被初学者忽略掉,可能大多时候初学者不知道怎么去用它,但有些时候它还是非常有用的一个标准的"click"点击事件$(elem).on("click",function(event){event //事件对象
})在不同浏览器之间事件对象的获取, 以及事件对象的属性都有差异。jQuery根据 W3C 标准规范了事件对象,所以在jQuery事件回调方法中获取到的事件对象是经过兼容后处理过的一个标准的跨浏览器对象这里不在千篇一律的说方法的使用,通过实际的一...
调用名为$.isPlainObject的工具函数,能检测对象是否为通过{}或new Object()关键字创建的原始对象,如果是,返回true,否则,返回false值,调用格式为:$.isPlainObject (obj);其中,参数obj表示需要检测的对象名称。<body><div id="divtest"><div class="title"><span class="fl">检测对象是否为原始对象</span> </div><div class="content"></div></div><script type="text/javascript">$(function () {var obj = "null";var str...