jQuery选择器和DOM操作课件.ppt

选择器和DOM操作()jquery-,学****调试用jquery-,发布用jquery--,可以出现智能提示(需要安装安装VS2008SP1和补丁KB958502)使用: 通过一个html的<script/>元素来引用标准的jquery文件: <scripttype="text/javascript"src=“../js/jquery-"></script> ,在其顶部加///<reference/>注释来引用它 ///<referencepath=“jquery-”/>jQuery用$作为自身的快捷方式:$(“li”)等同于jQuery(“li”)小技巧当开发用户自定义控件(.ascx文件)时,这些脚本引用往往是存在于使用了用户控件的母版页或内容网页之上的。默认情形下VS是无法知道用户控件中用到了jQuery脚本,因此不会为你提供智能感知。但在其周围加一个服务器端的<%if%>块,在运行时其值总是为false,在运行时,不会显示这个脚本标识(因为是包含在一个总是为false的if块中的),但是,VS却会运算这个<script/>标识,在用户控件页面给予智能提示。代码风格(推荐,有良好的层次结构)3、涉及子元素,可以适当缩进1、同一个对象,不超过3个操作,可直接写成一行2、操作较多,建议每行一个操作jQuery对象和Dom对象的区别DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象: vardomObj=("id");//DOM对象var$obj=$("#id");//jQuery对象jQuery对象就是通过jQuery包装DOM对象后产生的对象,它是jQuery独有的。如果一个对象是jQuery对象,那么就可以使用jQuery里的方法,例:$("#foo").html(); 上面的那段代码等同于:("foo").innerHTML;注意:在jQuery对象中无法使用DOM对象的任何方法。例如$("#id").innerHTML和$("#id").checked之类的写法都是错误的,可以用$("#id").html()和$("#id").attr("checked")之类的jQuery方法来代替。同样,DOM对象也不能使用jQuery方法。jQuery对象和Dom对象的相互转换jquery对象转换成 dom对象 jquery提供了两种方法将一个jquery对象转换成一个dom对象,即[index]和get(index)。可能有人会觉得奇怪,怎么是用下标呢,没错,jquery对象就是一个数组对象.下面代码将演示一个jquery对象转换成dom对象,再使用dom对象的方法: var$cr=$("#cr");//jquery对象varcr=$cr[0];//dom对象 也可写成varcr=$(0);alert();//检测这个checkbox是否给选中dom对象转换成jquery对象 对于一个dom对象,只需要用$()把dom对象包装起来,就可以获得一个jquery对象了,方法为$(dom对象): varcr=("cr");//dom对象var$cr=$(cr);//转换成jquery对象解决和其他js库的冲突jQuery库在其他库之后导入很多js库都将$来表示一个查找对象的函数。 ()可以将变量$的控制权交给其他库,交出控制权之后,如果要使用jQuery的话可以: 1、将jQuery()函数作为jQuery对象的制造工厂 jQuery(“li”) 2、自定义快捷方式: var$j=(); $j(function(){ //……. });()直接用jQuery()函数选择器选择器实例选取*$("*")所有元素#id$("#lastname")id="l