预览加载中，请您耐心等待几秒...

JQuery笔记.docx

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共54页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

JQUERY笔记 jQuery对象转换为dom对象 jQuery对象不能使用DOM中的方法,但如果使用DOM方法的时候,有如下两种处理方法: 1、jQuery对象是一个数组对象,可以通过[index]的方法得到对应的DOM对象. $("#msg")[0] 2、使用jQuery中的get(index)方法得到相应的DOM对象 $("#msg").get(0) dom对象转换为jquery对象 对于一个DOM对象,只需要用$()把DOM对象包装起来(jQuery对象就是通过jQuery包装DOM对象后产生的对象),就可以获得一个jQuery对象. 例如： $(document.getElementById(“msg”)) Jquery对象的事件处理: $(“#tid”).focus();//获取该文本的焦点； $(“#id”).focus(function(){ });//获取焦点并绑定一个处理事件 //方式一:获取焦点不触发函数 $("#tid").focus();//获取文本框的焦点 //方式二:获取焦点触发函数 $("#tid").focus(function(){ alert("xxxx"); }); ready(functiton(){});函数：当页面文档加载完毕即执行函数中绑定的函数。。类似于JavaScript中window.onload=function(){} each()函数 /* *$inputs.each(function(index,domEle) *each()函数：遍历集合和数组。 *参数的回调函数function(index,domEle){} *index:每次比遍历的索引。 *domEle:每次遍历的对象 */ $inputs.each(function(index,domEle){ //使用dom对象，this是dom对象，循环每次遍历的当前对象 //alert(this.value); //使用JQuery的方法 alert($(this).val()); }); Jquery对象就是通过包装DOM对象后产生的对象。Jquery对象是Jquery独有的。$(“#test”).html(); 获取ID为test的元素内的html代码。等同于document.getElementById(“test”).innerHTML;JQuery对象与DOM对象之间的任何方法不能互用。 如果获取的是Jquery对象，那么要在变量前面加上$符号 var$variable=Jquery对象。 Varvariable=DOM对象。 Jquery对象和DOM对象之间相互转换。 对于已经是一个DOM对象，主要用$()把DOM对象包装起来就可以得到Jquery对象。 varobj=document.getElementById(“test”); var$obj=$(obj); 两种方式将一个Jquery对象转换成DOM对象：[index]or.get(index); Jquery对象是一个数组对象，可通过[index]方法，来得到相应的DOM对象 Jquery本身提供get(index)方法来获取相应的DOM对象。 <!DOCTYPEhtml> <html> <head> <metacharset="UTF-8"> <title>DOM对象转换成JQuery对象</title> <scripttype="text/javascript"src="jquery-1.7.2.js"></script> </head> <body> <inputtype="button"value="郑"id="username"name="username"/> </body> <scripttype="text/javascript"> //dom对象转换成JQuery对象$(dom对象) varusernameObj=document.getElementById("username"); //dom对象转成JQuery对象 var$usernameObj=$(usernameObj); //alert($usernameObj.val()); //获取JQuery对象 var$usernameElement=$("#username"); //方法一:将JQuery对象转成DOM对象 /*varusernameElement=$usernameElement[0]; alert(usernameElement.value);*/ //方法二:将JQuery对象转成DOM对象 varusernameElement=$usernameElement.get(0); //