Jquery初步学习
Jquery初步学习要点:
1.如何获取对象?
$("#idname|.classname|proname|*")
注意:该方法返回的是一个query对象集合,如果加上索引([0])则返回的是一个dom对象,使用each(function)则循环获取DOM对
象,function里面可以使用this对当前dom对象的引用。
ex:
$("#testDiv").each(function() { alert(this) })
$("#testDiv").each(function() { $(this).html("修改内容") })
(this本身是个dom对象 如果在$(this)则为一个query对象)
2.取到对象后,如何给对象属性赋值?
第一种方法:使用jquery对象的索引[0](返回dom对象)和其each(functionName)方法获得dom对象,然后就和传统的javascript一样
设置和读取其属性值。
第二种方法:使用jquery对象的attr("property")获取其属性值,针对class,property可以是"class",也可以是"className",但
为了养成习惯,以后我还是用className吧
3.如何设置属性的值?
这里也是主要用到attr(***)的“重载”方法!
A.attr(properties):使用{名:"值"[,名:"值"]}的方式对对象进行赋值,需要注意的:cssName:"classTemp"
ex:$("img").attr({ src: "test.jpg", alt: "Test Image" });
B.attr(key,value):使用键值对的方式进行赋值,此中方法一次只能对一个属性进行赋值。
ex:$("img").attr("src","test.jpg");
c.attr(key,functionName):设置key的值,但该值是一个函数返回的。
ex:$("img").attr("title", function() { return this.src });
4.关于删除属性
removeAttr(name):删除name属性。
ex:$("img").removeAttr("src");
?
附加一个小实例
?
?
?
?